Spacing Issues – Customizer Shows It But Site Does Not

[Kenneth]

For several months now I’ve had spacing issues on my front page with containers. I can spacing as it used to be in customizer but the site is not showing them. Could it be a CSS issue that I am not aware of? I’ve got screenshots of both but can’t post them here currently.

Thoughts?

[Leo]

Hi Kenneth,

You can upload the screenshots to a site like this: https://postimage.io/ and post the direct link here.

It might be more helpful if you can provide a link to your site though.

Let me know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kenneth]

Yeah I should have just posted the URL to start with, my brain was tired last night and I wasn’t thinking. Here’s the URL http://wataugaonline.com/

The front page is where spacing issues are. Here’s a link to a screenshot as to how the page appears in customizer and should appear online. https://s1.postimg.org/d0yrzgien/Screen_Shot_04-16-17_at_07.54_PM.jpg

[Leo]

Sorry what specific spacing problem are you having?

I see the code matches your customizer setting (container width 1050px and separating space 28px)

Here is what I see: https://s21.postimg.org/ciidt172f/2017-04-17_1136.png

Let me know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kenneth]

My front page at wataugaonline.com is not matching up to what I publish in the customizer https://s1.postimg.org/d0yrzgien/Screen_Shot_04-16-17_at_07.54_PM.jpg. Could it be I have a CSS code somewhere over riding the customizer?

[Leo]

The code for the front page does match the settings you have in the customizer.

In the screenshot I provided (https://s21.postimg.org/ciidt172f/2017-04-17_1136.png), the left sidebar is not showing (blocked by AdBlock I assume) which is why it’s not aligning on the left hand side.

Let me know if I’m still missing something 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kenneth]

Yeah your ad blocker is not letting you see how the whole front page is not spacing correctly. Here’s a shot of how the front page is showing up https://s10.postimg.org/uzncxkj49/Screen_Shot_04-16-17_at_07.55_PM.jpg

[Leo]

I see. This is because the width of 180px you set for the advertisement is overwriting the left sidebar width:

.advertise-here-left-side {
    width: 180px;
    height: auto;
    margin-left: -30px;
    margin-top: -20px;
    color: #116ea3;
    text-align: center;
    background: #FDF5E6;
    line-height: 12px;
    font-size: 12px;
    border: 1px solid #000000;
}

I think the best way is probably inserting the advertisement widget in sidebar without giving it any specific style and let GP handles it.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kenneth]

Thanks. I tried taking the width out and that didn’t work either. Looks like I’ll have to play around with some coding and see what is causing that. I have my static front page in customizer to display my latest post, can you offer any advice about how to adjust the settings just for that option?

[Leo]

Sorry not sure what settings and options you are referring to?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kenneth]

I was wondering when a static front page is set to latest post where are the settings or options (if any) for the latest post.

[Leo]

There are lots of options for them.

The majority would be in Customizer > Blog: https://docs.generatepress.com/article/blog-overview/

But for things like colors and typography they would still be in the Colors and Typography section in the customizer:
https://docs.generatepress.com/article/colors-overview/
https://docs.generatepress.com/article/typography-overview/

Let me know if you need more info.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kenneth]

I think I have discovered the issue but don’t know how to solved it yet. When I deactivate my widgets that are showing my sidebar ads there is an Archive widget that is showing up even though I do not have one activated. Any thoughts on how to track that down?

[Tom]

When no widgets exist in a sidebar, GP will display some default ones to prevent a big empty space from appearing.

If you don’t want any widgets to appear, you can simply turn off the sidebar: https://docs.generatepress.com/article/sidebar-layout/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Kenneth]

As a follow up, I never have been able to solved the problem. I just noticed another thread having the same issues (https://generatepress.com/forums/topic/problems-customize-editing/). I turned off my caching plugin but that didn’t help my case either.

I noticed I have the problem on my home page and then when search results are shown.

Any thoughts?

[Author]

Posts