How can I decrease the white space between slider and button on my homepage?

Store Design
1

Hi,

im looking to reduce the white space between the slider and button on home page.

my site is https://luxurymrkt.com

4227C399-BD1E-4AD2-A79E-11187BFBA766.jpeg
4227C399-BD1E-4AD2-A79E-11187BFBA766.jpeg1170Ă—2532 163 KB

1 Like
2

Hi @Luxurymrkt

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Add this css at the bottom

Online Store->Theme->Edit code

assets-> theme.css

.index-section {

margin: 0 !important;

}

.index-section–flush {

margin-top: 10px !important;

}

Hope you find my answer helpful!

Regards,

PageFly

3

@Luxurymrkt

i have check now as per UI/UX Good spacing doesn’t good thing for more less

4

  1. From Shopify dashboard, go to Online store > Themes > Edit code

  2. In the search box, search for the file named theme.css.liquid

  3. Scroll to the very end of this file, and paste this code:

#MainContent .index-section--hero + .index-section {
    margin: 0;
}