How can I add padding to a full-width image?

Store Design
1

Sounds as simple as the title suggestions.

Have a full width image that I am looking to add padding to, to make it look normal.

Page: https://vintage-breaks-1201.myshopify.com/pages/how-it-works (liareu)

SS:

Capture.PNG
Capture.PNG1856×646 63.1 KB

Under the “How it Works” banner is one large image that I would like to adjust but unable to do so.

Thanks,

2

Hi @GildedSocial ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Note: You can adjust value to fit your store

Best regards,

Anthony

3

Hi @GildedSocial

Try this.

  • 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:
section#shopify-section-template--20635803648291__47259ed6-e323-4434-8152-e4c5c9692a98 {
    padding: 0 10%;
}

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