Reduce Sidebar Width

[Dan]

Guys,

Using Clean Pro. I wanted to reduce the width of the sidebar widget down which I did successfully (used the code from this post: https://www.sktthemes.org/forums/topic/inner-page-header-image/#post-69703).

I now have a huge gap between the sidebar and the content (both pages & woocommerce) and I want to shift the content over to the left to get it closer to the sidebar. Any ideas?

Here’s a product page with an example:

http://www.temp.pincoverindustrial.com/product/contour-blade/

Thanks,

Dan

[Sonnal S Sinha]

H,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.site-main.woocommerceleft { width:80% !important;}

Regards,
Chris

[Dan]

Great. And I could do the same for other pages as well? Say the home page would look like:

.site-main.homeleft { width:80% !important;}

Ideally if there’s code to shift all the page content over like that it would simplify life each time a page gets created.

Thanks again

[Sonnal S Sinha]

Hi,

Kindly use for all pages:

.site-main { width:80% !important;}

Regards,
Chris

[Sonnal S Sinha]

Hi,

Kindly use for all pages:

.site-main { width:80% !important;}

Regards,
Chris

[Author]

Posts