Adding padding to my mosaic section empire theme

Store Design
1

Hello! I would like to add left and right padding to the mosaic section on the home page of my website. How would I go about that? Thanks!

https://evrlow.myshopify.com/?_ab=0&_fd=0&_sc=1

1 Like
2

Hi @pman1

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.

I’ve checked your page and would love to tell you how to add the padding to your page.
Please go to your Shopify admin → Online store > Themes > More action > Edit code > theme.liquid and paste this code into it

.promo-mosaic--container { padding: //px; }

If you want more flexibility to personalize your pages, I’d love to introduce our product PageFly Landing Page Builder with 24/7 support live chat. PageFly has a Free plan where you can use all features and create different page types so I hope give us a try.

If you find my comment useful, please let me know by giving it a Like. Thank you!

PageFly

3

@pman1

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.promo-mosaic--container {
    max-width: 100%;
}
1 Like
4

Hi @pman1 ,

Go to Assets > theme.css and paste this at the bottom of the file:

@media screen and (min-width: 1024px) {
	.promo-mosaic--section .promo-mosaic--container {
		padding-left: 50px !important;
		padding-right: 50px !important;
	}
}

You can increase or decrease the padding by changing the number.

Hope it helps!