Width contens and sidebar

Hi,

When you inject a sidebar into the site, you will need to increase the values of both “Customiser – General Options – Align Default Max Width” and “Customiser – General Options – Align Wide Max Width” because the sidebar will impose on the width of the content area.

Also, you may want to reduce the value of “Customiser – General Options – Sidebar Width”.

Oliver

It didn’t work what you suggested… ???
It works partially and it is different on the frontpage and the post.

Now I have 2 columns on the frontpage (HOME) …see the site. This works fine but another problem now is that the contens is not aligned left under the title. You see this better on page “Berichten“.

Thanks in advanced, Frans

On another site it works fine (Berichten).

• This reply was modified 2 years, 1 month ago by fvbussel.

Try adding this CSS to “Customizer – Additional CSS” …

.entry-content-wrapper.has-background {
padding: 0;
}

It works …but an ugly scrollbar appears at the bottom of the contens area, only on pages made with the blockeditor.

Page Home has now 2 columns with a total width of 95% …the scrollbar disappears.
Page Berichten has 1 column with a width of 95%, no scrollbar.
Other pages are made with the classic editor and have no scrollbar.
For example page “Keurmeesters“.

We are not seeing that in Safari on MacOS. Please can you provide a link to a page where the scrollbar appears at the bottom as you describe and let me know what browser / operating system you are using?

Thank you.

See page “Berichten” (kerstshow.com)
Tested with the newest version of Brave, Chrome, Edge, Firefox and Opera on a Windows 10 system. All have the scrollbar.

Windows 10 Home Versie 21H2
Build van besturingssysteem 19044.2486
Windows Feature Experience Pack 120.2212.4190.0

Very strange because, see page “Berichten” (fvbussel.nl) on another site. This page has no scrollbar and the setup is the same. Also a wordpress site with the same theme and almost the same plugins. This site has not the CSS code as you suggested.

• This reply was modified 2 years, 1 month ago by fvbussel.

OK, I see that now. It’s being caused by …

.pt-cv-colsys {
margin-left: -15px;
margin-right: -15px;
}

… which is coming from a plugin you have called “Content Views – Post Grid & Filter for WordPress”.

You may be able to offset that by adding this to “Customiser – Additional CSS” …

.pt-cv-colsys {
margin-left: 0;
margin-right: 0;
}

Thank you very much for your energy putting in this.
It works with both CSS you suggested.

No problem. Great, I’ll mark this as “resolved”.