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

Solved

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

manbru
Tourist
19 0 3

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 268

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
718 139 145

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
Tourist
19 0 3

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 268

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
Tourist
19 0 3

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 268

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
Tourist
19 0 3

Thanks Noah, it works perfectly!

PageFly-Noah
Shopify Partner
1317 233 268

@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
8382 1650 1661

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

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.