I want to put a sidebar on my category pages, but it is displayed very narrow. When I go to the edit screen via Colibri, I see no option to adjust the width. Also, Block edit specifies that the width is 100%. How can I adjust the division on the page to make the sidebar wider?
Thanks in advance!

I’m trying to make my left sidebar narrower. Although I can easily make the inner area containing the menus smaller (say 300px), but the surrounding light grey container remains at 340px.

Does anyone know how I can correct this please?

One quick question that I have now though is, is there a way to resize the width of the toolbar inserted with your plugin? I have two legacy widgets that look oversize when the pages open.

Any/all help gratefully appreciated. Regards, Roger

I think one of the problems of this theme is that we can’t adjust the sidebar width. Because the sidebars can be too small or wide depending on the situation.

I want a layout like this: https://i.hizliresim.com/96l4jfy.jpg

Right sidebar – Wide

The content section should be 650px wide, the spacing 20px and the sidebar 300px wide. I want the gray line to none.

The total width is 970px. But I have to set the site width to 1028px in Customizer to get this width. I think it’s because of the gaps on the sides surrounding the site. They should also be taken into account.

With love.

The chief changes I want to make are global changes to:

– Sidebar width. (I want a narrower sidebar)
– Background color. (I’d like to change the background of the entire page, including the sidebar and the post content)
– Background image. (If possible, I’d like the background image to appear behind the sidebar and behind the post content)

Because this theme’s structure is very complex, I’m having trouble making these changes consistently. For instance, sidebar header background color overrides the sidebar background. And setting a fixed width sidebar seems to have unpredictable results at different widths.

The result is that I’m having to create very long lists of enumerated classes that need to be changed. It works, but I’m mostly using trial and error to discover which classes need to be added to each list.

Any guidance would be welcome!

I would like to make the sidebar width smaller (which I think I already managed, but still) and center its content (also the CSS for its content being smaller in width with aspect ratio kept).

This actually would be something that would be nice if working also in the tablet and mobile mode. I would like to also do that with your help.

Thank you in advance.

I tried to add some CSS:

@media ( min-width : 1100px ) {
#sidebar-primary { max-width: 35%; }
.content-area { max-width: 65%; } }

But this did not work. So I tried this other CSS:

@media ( min-width : 1100px ) {
#secondary.widget-area { max-width: 35%
max-width: 300px
margin-right: 1%; }
.content-area { max-width: 65%; } }

Both CSS codes made the content area smaller but the sidebar area was unaffected. Note: I have removed this CSS now since it didn’t work.