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, 2 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

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

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

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

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection