How can I add the same padding to all image banners?

SharonP
Tourist
13 0 4

Hi!

I want to add the same padding to all my sections in Dawn 13.0.
I have the padding (left and right) fixed with custom CSS for my top image banner (second picture).
But when I insert a new image banner (first image) and insert the same CSS as used for the top image banner, no padding is added.

How can I get the same padding for all sections in my website, so every time I add a new section the same padding is used?

I hope someone can help me. Thanks!

image-banner-padding.png

 

Replies 6 (6)

Dan-From-Ryviu
Shopify Partner
7990 1560 1583

Hi @SharonP 

You can add by adding your code to Custom CSS in Theme settings instead of Custom CSS of sectionsScreenshot 2024-06-11 at 16.04.48.png

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

SharonP
Tourist
13 0 4

Hi! Thank you for pointing me in the right direction! Do you know what custom CSS I should add there to get (the same) padding on ALL sections in my website? 

SharonP
Tourist
13 0 4

Hi! I tried putting the custom CSS there, but nothing changed...

Dan-From-Ryviu
Shopify Partner
7990 1560 1583

Please try to use this code 

.banner img {
padding: 0 20px !important;
}

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

SharonP
Tourist
13 0 4

Still no change. It doesn't matter if I put in custom CSS for the section or on custom CSS for theme...

 

zahid3d29
Shopify Partner
74 5 28

Hi, If you are using Dawn theme, i believe section padding is already there in theme section setting.  Which will apply for each section.  No code needed.

Need a Shopify developer? Chat on WhatsApp
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip , my code a perfect blend!   ❤️