Jump to content

JLBali

Member
  • Posts

    8
  • Joined

  • Last visited

JLBali's Achievements

Level 2

Level 2 (2/20)

1

Reputation

  1. No, unfortunately it does not wrok, it just moves the whole column left or right but does not modify the space between text and photo.
  2. Not yet there, now the title is too near to the picture and it is too small, I also changed something in you code to adjust spacing. Let me know if it is correct! .portfolio-grid-basic { grid-template-columns: 1fr; } .portfolio-grid-basic .grid-item .grid-image { width: 60%; margin-bottom:10vw; } .tweak-portfolio-grid-basic-image-aspect-ratio-11-square .portfolio-grid-basic .grid-image { padding-bottom: 50%; } .portfolio-grid-basic .grid-item:nth-child(odd) { flex-direction: row; align-items: center; margin-right: 6vw; } .portfolio-grid-basic .grid-item:nth-child(even) { flex-direction: row-reverse; align-items: center; margin-left: 6vw; }
  3. You are totally right somehow they were taken off when I inserted the code. Now you can see the images. I modified the proportions and now somehow it is not aligned anymore. I was wondering if you could help me make it more similar to the blog on the text side (aligned to the left and with the learn more button). I attach two screenshot
  4. I tried to insert this code in the design css field, but it is not showing the images... could you please help me again? thank you! .portfolio-grid-basic { grid-template-columns:1fr; } .portfolio-grid-basic .grid-item .grid-image { width:50%; } .tweak-portfolio-grid-basic-image-aspect-ratio-11-square .portfolio-grid-basic .grid-image { padding-bottom: 50%; } .portfolio-grid-basic .grid-item:nth-child(odd) { flex-direction: row; align-items:center; justify-content: space-between; } .portfolio-grid-basic .grid-item:nth-child(even) { flex-direction: row-reverse; align-items:center; justify-content: space-between; }
  5. Hi! I would like my portfolio to use the "alternating side by side blog" appearance with the image on one side and the title of the project on the other. I could not find a way to do that. Can you please help me?
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.