Return to previous page

XStore – How to remove annoying white space which theme adds to pages

This topic has 5 replies, 2 voices, and was last updated 7 years, 9 months ago ago by Olga Barlow

  • Avatar: themadguru
    Robert
    Participant
    February 12, 2017 at 20:54

    I am playing around with the XStore Corporate variant of the theme. I have noticed that there is some white space added automatically to the bottom of the page, above pre-footer/footer area. I do not want this, and the theme forces a gap that is not easily removed. If a gap is required, then its preferred for us to add it by way of a Visual Composer ‘Empty Space’ element, not have it forced onto every page automatically so it can’t be removed.

    Investigating what was inserting the gap, I found the following when inspecting code via the Google Chrome -> right-click -> Inspect. The following is a div container and its css that seem to be the trouble.

    <div class="container content-page">

.content-page, .page-content {
    padding-bottom: 2.86em;
}

    Please can you kindly let me know how to edit this annoying inclusion to your css? I look in theme options, custom-css but can’t find it in there.

    #154587 Copied Theme version: 3.8
    4 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 13, 2017 at 17:39

    Hello,

    Yes, every page has default padding before and after content. If you don’t need it you can remove that padding by custom CSS (Theme Options > Styling > Custom CSS)

    .content-page, .page-content {
    padding-bottom: 0em;
}

    It will remove the bottom space for all the pages, products, posts etc on your site.

    Regards

    #154689 Copied
    Avatar: themadguru
    Robert
    Participant
    February 13, 2017 at 20:07

    Thank you Olga

    I have added the above snippet of code to custom css, but the white space gap is still there. I tried after clearing the browser cache also.

    I then tried again by adding !important, but still still doesn’t work.

    .content-page, .page-content {
    padding-bottom: oem !important;
}

    Regards

    #154711 Copied
    Avatar: themadguru
    Robert
    Participant
    February 13, 2017 at 20:35

    Update – OK, I just got it to work. Somehow there was a letter “o” instead of zero “0” after copy and paste into custom css.

    One more thing… which lines to remove padding at the top? Is it this?…

    .page-heading.bc-size-small {
    padding: 2.14em;
}

    Regards

    #154716 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 14, 2017 at 09:59

    Hello,

    Yes.

    Regards

    #154750 Copied
  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘XStore – How to remove annoying white space which theme adds to pages’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Games Store – WordPress WooCommerce Theme
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.