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 8 years, 10 months ago ago by Olga Barlow

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
Olga Barlow

Participant

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
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
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
Olga Barlow

Participant

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

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

Explore our best WordPress WooCommerce Themes collection