Re: How can I add margin/padding to sides Refresh theme?

Solved

How can I add margin/padding to sides Refresh theme?

manbru
Pathfinder
129 0 30

Hello,

 

I've been trying to add margin/padding to the sides with grey background colour exactly as shown in the picture below. But haven't been able to do it. (I'm using the Refresh theme)

 

Thank you in advance. 

 

Skärmavbild 2024-06-13 kl. 00.53.38.png

Accepted Solution (1)
PageFly-Noah
Shopify Partner
1317 233 280

This is an accepted solution.

 Hi @manbru  please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
main{
    max-width: 1200px !important;
    margin: auto !important;
}
header{
    max-width: 1300px !important;
    margin: auto !important;

}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | 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.

View solution in original post

Replies 8 (8)

AnneLuo
Shopify Partner
1255 223 258

Hi. @manbru 

Can you share the store URL and take a screenshot to describe your requirements? So that I can assist you.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

manbru
Pathfinder
129 0 30

My store URL: 17f50e-4e.myshopify.com 

password: 1

 

This what it looks like now:

Skärmavbild 2024-06-13 kl. 09.42.21.png

 

And this is how I want it to look like:

Skärmavbild 2024-06-13 kl. 09.42.09.png

PageFly-Noah
Shopify Partner
1317 233 280

This is Noah from PageFly - Shopify Page Builder App

I can help you. Please can you provide the website url. Thank you.

 

Best regards,

Noah | 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.

manbru
Pathfinder
129 0 30

My store URL: 17f50e-4e.myshopify.com 

password: 1

 

This is what it looks like now:

Skärmavbild 2024-06-13 kl. 09.42.21.png

 

And this is how I want it to look like:

Skärmavbild 2024-06-13 kl. 09.42.09.png

PageFly-Noah
Shopify Partner
1317 233 280

This is an accepted solution.

 Hi @manbru  please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
main{
    max-width: 1200px !important;
    margin: auto !important;
}
header{
    max-width: 1300px !important;
    margin: auto !important;

}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | 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.

manbru
Pathfinder
129 0 30

Thanks Noah, it works perfectly!

PageFly-Noah
Shopify Partner
1317 233 280

@manbru  Thank you , Have a nice day 😉 !

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.

Dan-From-Ryviu
Shopify Partner
10860 2141 2276

Hi @manbru 

It has padding/margin, but it is just the background of your container, not white, so you thought it did not. Screenshot 2024-06-13 at 10.50.46.png

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.