Storefront using homepage control – white space on home page

  • Hi,

    I am working on a clearance site that is using Storefront theme and a plugin called homepage control to show the product categories on the home page. See a work in progress version here:

    https://timesco-medical-clearance.com/

    I want to reduce the padding in-between the ‘product categories’ section and the ‘featured products’ section.

    I feel like I have tried editing everything relating to margins and padding on my Storefront child theme but I must be missing something. Should I be editing the plugin instead?

    Thanks in advance for any help!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Is it fixed?

    Thread Starter katiewarman

    (@katiewarman)

    Hi,

    No, I managed to change some of the spacing but not the part between the bottom of the ‘product categories’ section and the top of the ‘featured products’ section.

    You can reduce the spacing on these sections with something like this;

    .storefront-product-section {
margin-bottom: 0;
}

    I recommend using our Theme Customisations plugin to make this change.

    Do not edit core theme files as your modifications will be lost when you update Storefront core.

    Thread Starter katiewarman

    (@katiewarman)

    Hi,

    Thanks for your response ??

    I have tried the code you supplied but it reduces the space between the grey line and the text Featured Product. But I need to reduce the space between the last row of ‘product category’ boxes and the thin grey line under it, as this margin is larger than the rest of the margins so looks out of place.

    Any ideas for that section? I thought it would be ‘margin-bottom’ but strangely that seems to be changing the space at the top of the featured product section!

    Thanks again!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Storefront using homepage control – white space on home page’ is closed to new replies.