How can I add padding around my image banners in my home page?

Store Design
1

I need to make my home page’s image banner’s padding increase by 20px maybe. Something similar to this image

Ina Labs — Taylor Hand.png
Ina Labs — Taylor Hand.png1000×1000 111 KB

1 Like
2

Hey @shopekaja

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

3

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

4

https://6375f5-2.myshopify.com/

PW: Getlost12

5

Hey @shopekaja

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1694435648227.png
Moeed_0-1694435648227.png1896×893 75.7 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

6

https://6375f5-2.myshopify.com/

PW: Getlost12

7

I want this padding to be consistent throughout the website, how do i go about that ?

8

Hi @shopekaja ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.header-wrapper {
  border-bottom: 0.1rem solid rgba(var(--color-foreground),.08);
}
#shopify-section-template--20821734326590__f3b0f745-6622-4f6c-8538-247417eba4a2 {
  padding-top: 20px;
}