• Open
  • Petra Schier
    Participant
    January 14, 2022 at 2:08 pm #47614

    Hi! I’d like to change the width of my sidebars, but I am not familiar enough with CSS to do this myself. It would be great if you’d put this option back into the theme as it was in earlier years.

    Evgeny
    Keymaster
    Posts: 983
    January 15, 2022 at 9:04 am #47623

    Hi Petra. Thank you for your feedback. We will definitely consider it. In the meanwhile, if you need any assistance please let me know.

    Petra Schier
    Participant
    Posts: 71
    January 15, 2022 at 10:33 am #47629

    I have some CSS code figured out, but unfortunately this leads to the sidebar space not only th change its width on those pages where I have set a sidebar, but it’s also showing up empty on every other page on my website, even though no sidebar is set. Of course I want it only on those pages I chose.

    Here’s the code I found:

    @media (min-width: 768px) {
    #primary {
    -ms-flex: 0 0 75.000000%;
    flex: 0 0 75.000000%;
    max-width: 75.000000%;
    }

    #secondary {
    -ms-flex: 0 0 25.000000%;
    flex: 0 0 25.000000%;
    max-width: 25.000000%;
    }
    }

    @media (min-width: 768px)
    .col-md-4 {
    -ms-flex: 0 0 25.000000%;
    flex: 0 0 25.000000%;
    max-width: 25.000000%;
    }
    @media (min-width: 576px)
    .col-sm-12 {
    -ms-flex: 0 0 75.000000%;
    flex: 0 0 75.000000%;
    max-width: 75.000000%;
    }

    To prevent the sidebar space showing up on every page and only with the set sidebar on those I want it to, there must be some more code that I don’t know. I’m just learning by doing …

    Evgeny
    Keymaster
    Posts: 983
    January 15, 2022 at 11:17 am #47637

    Can you give me examples of the pages? For instance, all blog pages or some specific URLs. I will try to come up with a solution for you.

    Petra Schier
    Participant
    Posts: 71
    January 15, 2022 at 11:32 am #47641

    Thanks. This might be a bit tricky, because I have so many pages where the sidebar has to show up and also a lot of pages where I have set it to no sidebar. Ant it is not only one sidebar, but another custum sidebar as well.

    All blog pages must have the sidebar (It’s sidebar 1 in my theme settings) and also pages like https://www.petra-schier.de/petras-welt/. But this one is only one of many examples. For several reasons I have created new pages for almost every category in my blog. One of the reasons is, that I cannot change the look of category pages in evolve+. It would be great if that might be possible someday. But until then I create a new page for each category and make it look like I want it to and use a plugin to import the specific category posts.

    I think this might be a problem for you to come up with a CSS code that helps me with my problem?

    Evgeny
    Keymaster
    Posts: 983
    January 15, 2022 at 11:38 am #47643

    It would be a bit too tricky… You would have to be adding CSS classes every time you create or change a page. This isn’t a good management practice. We will think of a solution for such a use case. I’m sorry I can’t help you more right now.

    Petra Schier
    Participant
    Posts: 71
    January 15, 2022 at 1:41 pm #47647

    That’s okay, I already thought so. But maybe it is possible to bring back that function in the Customizer to change the width of sidebars. I’m sure not only I would greatly appreciate it.

    Evgeny
    Keymaster
    Posts: 983
    January 15, 2022 at 2:08 pm #47649

    I get you. Will do.