Changing margin between header and body

Hello,

How do I change the margin between header, latest products and product categories?

please help.

Hi,

Please post a link to your website, to the page where you want to do that and let me know how would you like to change it ( make it smaller or larger ), so I can give you a working solution.

Best Regards,
Csaba

My website is seshil.com and I would like to make the header and the body content margin to be smaller.

Thank you.

Hi,

You can make the margin between the header and the hero area ( custom menu / image ) smaller with this Custom CSS:

.hero-section {
    margin-top: 0px !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Best Regards,
Csaba

It works great! But how can I also change the margin between sidebar/slider and the latest products?

Hi,

You can reduce the space between the sidebar menu and the header slider and the home-section’s top space with this Custom CSS:

.header-slider {
    padding-left: 15px !important;
}

.home-section {
    padding-top: 30px !important;
}

Please let me know how it works.

Kind Regards,
Csaba