How to create a gap between images across all pages

Shopify Discussion
1

I was able to make a gap between these images using this code

#shopify-section-template–21599151161650__40771d09-037d-4d91-87c1-7da48eb0fcc5 .banner__media.media.scroll-trigger.animate–fade-in img {
padding-bottom: 30px !important;
background: white;
}

But it only worked for that one page, how can I make it across all pages or specific ones?

Screenshot 2023-11-28 at 4.11.54 PM.png
Screenshot 2023-11-28 at 4.11.54 PM.png2880×1800 839 KB

2

Hi @UrbanMangoz

Oh, I remember you have a weird sections cause I cant able to add padding, cause Im targeting for all sections too cause you have another images below. Would you mind to take a look again in your website? Thanks!

3

I’m very confused about what you are saying, what do you need me to look for on my website?

4

I mean your store website. I cant find it, I want to check it again. In your other post regarding on same problem. I try to give a code that will render also in other sections with image you had. Only that selector allows me to add some padding.

5

oh okay, https://theurbanmangoz.com/

6

Hi @UrbanMangoz

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

7

Thanks for the info, check this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.banner__media img {
    padding-bottom: 30px !important;
    background: white;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

8

Thanks!