Site logo

Archived topic

Changing the width of the inner box on the Slideout Template

5 replies · Started by Erika on July 7, 2020

Viewing posts 1–6 of 6

I installed the Slideout template from the site library and would like to change the width of the content-div.

It seems like this is this line in the css:
.no-sidebar .inside-article > *, .no-sidebar #comments, .no-sidebar .nav-links {
max-width: 700px;
margin-left: auto;
margin-right: auto;

I tried to change the
width: 1650px;
instead "max-width:700px;" and when I change it inspector, I see the changes.
However, when I add the css to the child-css-file, the changes are getting overwritten and I can´t figure out why and how to get this change done.
Or is there a place in the customizer where I can set the width? Couldn´t find it.

Second: I notice generally that on all our GP sites I have a padding-bottom:20px(?) after each paragraph. Is there a place where I can clear this padding? It must be definded somewhere...

Thanks, Erika

Hi there,

that site uses some CSS to narrow the post content width.
Go to Customizer > Additional CSS - and delete this OR edit the max-width:

.no-sidebar .inside-article>*,
.no-sidebar #comments,
.no-sidebar .nav-links {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

Thank you, David. I was truly looking like mad where to change this CSS! Awesome.
What about the padding after each <p>? Where can I change that?

Hi there,

You should find the paragraph margin option in Customize > Typography > Body :)

Hi Tom, excellent, thanks a lot!

No problem :)

This archived topic is closed to new replies.