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

Home Forums Support [Resolved] How do I change Side bar Width to a Custom one?

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

  • This topic has 3 replies, 2 voices, and was last updated 7 years ago by Tom.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #299232
    Dagmar

    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

    #299235
    Tom
    Lead Developer
    Lead Developer

    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?

    #299242
    Dagmar

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

    Thank you

    #299263
    Tom
    Lead Developer
    Lead Developer

    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 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.