How to add padding to the right and left of text block

Solved

How to add padding to the right and left of text block

awirtz
Explorer
54 0 11

Is there a way to add padding to the right and left side of the text block to make it more narrow in the Pipeline theme? 

Thank you.

Link to site: https://9kmso76mstam2259-57200312371.shopifypreview.com

Screenshot 2024-05-30 at 8.52.51 PM.png

Accepted Solution (1)

niraj_patel
Shopify Partner
2391 516 515

This is an accepted solution.

Hello @awirtz 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  div#shopify-section-template--15822192607283__main {
       padding: 0 16% !important;
  }
</style>

techlyser_web_0-1717129616582.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 3 (3)

PageFly-Henry
Shopify Partner
1184 335 299

Hi @awirtz 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

 

div#shopify-section-template--15822192607283__main {

    margin-left: 10% !important;

    margin-right: 10% !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

niraj_patel
Shopify Partner
2391 516 515

This is an accepted solution.

Hello @awirtz 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  div#shopify-section-template--15822192607283__main {
       padding: 0 16% !important;
  }
</style>

techlyser_web_0-1717129616582.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
awirtz
Explorer
54 0 11

Thank you! That worked, I appreciate your help!