Posted March 13, 20196 yr 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?
March 13, 20196 yr 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.)
March 13, 20196 yr Will this only affect the normal sidebar? Or will this also make the default Downloads sidebar things smaller like "Categories"?
March 13, 20196 yr 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. Edited March 13, 20196 yr by Meddysong
March 13, 20196 yr 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.
March 13, 20196 yr 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"].
March 13, 20196 yr 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?
March 13, 20196 yr Tried the code and everything is smaller, sidebar as well as downloads category block above the sidebar. Thank you very much!!
May 19, 20196 yr 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?
May 19, 20196 yr 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.
Archived
This topic is now archived and is closed to further replies.