Changing the sidebar width

[BankFodder]

I'd like to have a bit of control over the width of the sidebar. I find that there disproportionately large – especially if you are in a fixed width.

I've looked around but they don't seem to be any plug-ins that can do this. I can imagine that it could be a question of tweaking the code.

Anyone got any idea about this please?

[Meddysong]

Yes, you're correct, it's a simple code fix. All you need to do is write the following in your custom CSS:

#ipsLayout_sidebar {
    min-width: 315px;
    max-width: 315px;
}

changing the values to whatever suits you. (315px is what they currently are.)

[Black Tiger]

Will this only affect the normal sidebar? Or will this also make the default Downloads sidebar things smaller like "Categories"?

 

[Meddysong]

It's the part of any page which features the sidebar so applies to Downloads too. There are ways to drill down if you wanted to only apply it to certain areas, although that requires some CSS which is a little trickier.

[Black Tiger]

I was already afraid of that. But otherwise it looks odd with a wider downloads block and smaller sidebar below it.

Then I will leave things as is for the time being. Thank you for explaining.

[Meddysong]

If you want to change the size everywhere except for Downloads, make that change as before but then add another one:

body[data-pageapp="downloads"][data=pagelocation="front"][data-pagemodule="downloads"][data-pagecontroller="browse"] #ipsLayout_sidebar {
    min-width: 315px;
    max-width: 315px;
}

That should affect only the front page of Downloads. If you want it to have the same effect on others (such as when you're looking at a category of a file), remove the bit about [data-pagecontroller="browse"].

[Black Tiger]

No I wanted to change everywhere including Downloads. But I thought I had to change other templates to apply also to Downloads.

So if I understand correctly the code in custom.css changes everything including downloads?

[Black Tiger]

Tried the code and everything is smaller, sidebar as well as downloads category block above the sidebar.

Thank you very much!!

[andavis]

On 3/13/2019 at 8:45 PM, Meddysong said:

Yes, you're correct, it's a simple code fix. All you need to do is write the following in your custom CSS:

#ipsLayout_sidebar {
    min-width: 315px;
    max-width: 315px;
}

changing the values to whatever suits you. (315px is what they currently are.)

Cannot find it in latest version 4.4.3

Where is it?

[Black Tiger]

Admin Panel.
Customization (the paintbrush) -> under "appearance" click Themes, then on your theme select the </> tag and click tab "css" and then you will find it under

core -> front -> custom and there is custom.css.