Archived topic
How do I change Side bar Width to a Custom one?
3 replies · Started by Dagmar on March 29, 2017
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 :)