Site logo

Archived topic

How do I change Side bar Width to a Custom one?

3 replies · Started by Dagmar on March 29, 2017

Viewing posts 1–4 of 4

Hi

My next simple question:

How do I change Right/Left side bar Width to a Custom one = i.e 28%? There is no place to enter my own number, and that 'slider' does NOT work properly!

Thank you very much

Dagmar

GP is based on a grid system that uses 5% increments.

To use custom percentages, you would need to use CSS.

For example, if your sidebar is set to 25%, you could do this:

.sidebar.grid-25 {
    width: 28%;
}

.content-area.grid-75 {
    width: 72%;
}

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

What about the slider isn't working?

Aha, css editing.
Exactly the thing I wanted not to have to do again.
At least this one is simple

Thank you

In cases like this, if I were to include CSS for every 1% instead of 5%, the theme would be quite a bit heavier.

In some cases, CSS will be necessary, especially in a theme that stays away from bloat :)

This archived topic is closed to new replies.