Xpro sidebar css question

Hi. I am trying to set the width of my sidebar to 26% vs. 24% to accommodate having two slider panels (set to their minimum size of 150px x 150px) show vs. one. Screenshot attached. My layout in customize has the max site width set to 1350 px, content 100%. There is white space showing between the content left and side bar right that I would like to utilize by making the sidebar wider. I have tried adding the following css in the customizer but the width and margins keep showing set to their original(?) values after adding. When I make changes in the inspetor the two panels fit and all seems well. Page reference is https://mysalus.org/community

.x-sidebar {
margin: 0em 0em 1em 0em !important;
width: 26%; !important
}

Thoughts? Thank you.

Update - It looks like the css is now working, making sidebar wider - All good now.

Hi there,

Thanks for writing in! That must have been the cache that was preventing the changes to work. I see you’re using a cache plugin, always make sure to purge the cache after making any change so you can see the changes on the front-end right away.

Glad it’s working now. Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.