Center all sidebar content

[BPlug]

Hi, I’m having trouble centering the main sidebar widget content on my internal pages. Is it possible to center all content?

Ex. http://surfcampavellanas.com/surf/waves/

[nabeel]

Hi there,

Thanks for writing around! I checked your sidebar and I see you’re using different elements in the sidebar widgets. It won’t be possible to center them using just custom CSS as you’ve the grid element which is using absolute positioning and inline width and height, you can’t control with simple CSS, I see you’re also using iframe in your sidebar which is also generating inline CSS. You can try to check the settings of your elements to make them full width so they’ll be automatically centered. These links may help you in getting started https://www.lifewire.com/iframes-and-css-3468669, https://theme-one.com/docs/the-grid/ or this one https://css-tricks.com/centering-css-complete-guide/

Hope this helps!