We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

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 516

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 300

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 516

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!