How to make sidebar 300 px wide

[Gauravk]

I have recently switched to IPS4 and wondering if anyone can help in making the right sidebar 300 px wide instead of 250 px. Thanks.

[Adlago]

Add in your custom css

#ipsLayout_sidebar {
		max-width: 300px;
}

 

[Gauravk]

Thanks Adlago,

It worked great, any idea how I can do this for all sidebar in full site as inside pages still showing 250 sidebar.

[Adlago]

Change the code using this

@media screen and (min-width: 1024px) {
#ipsLayout_sidebar {
	min-width: 300px;
	max-width: 300px;
}

 

[Gauravk]

Any idea how long cache expires, I did the changes and still waiting to see the effect after 3 hours. Cleared cache from back-end, browser and everywhere but no luck.

[Gauravk]

Looks like these codes only works in IE and not in chrome or Mozilla. I have tried many times and it's not working fully. Homepage sidebar turning to 300 in IE only, and inside sidebar remains same at 250 in all browsers. 

Can anyone please help with workable solution? Thanks.

[Gauravk]

I figured out the issue, that standard is also sized at 300 with 15 margin in layout.css that's why no change has been shown.

I made that 350 in custom.css and got slightly wider sidebar. Thanks.