Image + text section spacing

Hi!

How do I decrease the spacing between all text & image sections on this page (passw: wine) and have it centered also? So only the text needs to go further to image, so it’s aligned to the image below and above.

Thanks so much!

Hi @INFRA

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.min.css and add this code at the end of the file

.homepage-sections-wrapper.homepage-sections-wrapper--white.feature-row--no-overlapping.content-width {
    padding: 0 !important;
}

Result

Best,

Liz

HI @INFRA

There are two sections here: one for text and one for an image, each taking up 50% of the width.

Since the image’s width is smaller than its container, there’s extra space around it:
Screenshot 1
Screenshot 2

There are two ways to adjust this:

  1. Shift the image to the left, but this will leave empty space on the right. This approach would require editing each section separately since some sections have the image on the right, meaning adjustments need to be made accordingly.
  2. Enlarge the image to fill the entire width, but this will cause the image height to exceed its container, resulting in cropping. To avoid cropping, the height of the entire section (both image and text) would need to increase, which means adjusting the top and bottom padding of the text.

Let me know which option you prefer!

Best,

Daisy