What is the css code for centering the contents of the sidebar

How do I control the space between each widget on sidebar and center each for phone and pad use on Sydney pro 2?


Hi there,

Please try the following CSS code:

#secondary .widget {
    margin-bottom: 10px;
    padding-top: 20px;
    text-align: center;

Put the code into Customize > additional CSS


Thank You worked great with the exception of the WD-widget photo gallery, is there a way to center the WD photo gallery on the sidebar. Thank for the come back!


Did you mean this box http://prntscr.com/j2shva? It’s already centered, thought?

This is on a pad, and the cell phone is also loaded to the left of the sidebar. Thanks

Can the photo gallery be centered on the sidebar of a cell phone and ipad etc.

Oh, I see… I’ve checked it on mobile screen and looks like the plugin are not displayed responsively. Is there any configuration on your plugin setting to make it responsive? if not, please ask the developer plugin to fix the issue.

Awan; Thanks for the come back. You can close this out! The developer did not provide an answer, but a friend in the meetup group in Colorado Springs had the answer. Thanks for all your help!

1 Like