Sidebar widget alignment

Hi,

I would like to have sidebar on the right side of my posts. I figured out how to do that but what I am having problems with is the alignment. 

I would like all my widgets to be centered in the middle of the sidebar but it seems that widgets are centered by default on the left:
https://pasteboard.co/Iecfwcu.png

Is there any way to center it please? (and possibly all widgets in the sidebar by default).  I am using pre-built template extreme 2.

Thank you 

Comments

  • Hi,
    Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.

    thanks
  • Hi,
    here is a link: https://bit.ly/2JBnzxt

    In the future I would like to add more widgets and I would like all of them to be centered. Is there any way to set it up please?

    Thanks
  • Please paste that code into the Theme Options > Custom CSS & JS > CSS
    .sidebar > * {
    margin:0 auto !important;
    text-align: center !important;
    }
    Thanks
  • Hi,
    thanks, but unfortunately this didn't work for me.

    And yes, I deleted browser caches.
  • It's already center, take a look at the text.

    Also, check how wide is your grid (blue colored area) :

    Then at your width of sidebar:

    It's already on center.
    Thanks
  • Hi,
    thank you for your answer, but I am still confused as on my computers it always looks like this:
    https://pasteboard.co/IeG0XNk.png

    As you can see it's still on the left area of the sidebar and not in the middle. Or maybe if it already centered in the middle as you are saying then there is just some unnecessary padding on the right side? How can I please get rid of it 

    This is how I would like it to look: https://pasteboard.co/IeG3AZN.png (made that in photoshop)

    In theme options U just found that I can change the sidebar width but that didn't really help as the widget was still pushed to left side of the sidebar (and besides I like the current width as it is).
  • There is not enough space to push it to the right like you shown on screenshot.
    The maximal width (grid) is shown here (it's the blue colored area) :http://prntscr.com/nog2oy

    You would have to increase the "Width" of sidebar first.
    It's in the Theme Options > Sidebars  http://prntscr.com/nor5r4

    Thanks
  • So there is no way to push it further to the right? To push to the yellow area a little? 

    I just want to my widgets to be on the right side, with the options above the widgets are centered but not on the right side of the screen. I have seen in on the right side on some many other websites so it must be possible to make it somehow. I don't want the empty space on the right from my widgets. It does not look good at all. 

    Thanks
  • Only way to make it more on the left(and the right at the same time) is increasing the Width of the whole website.
    It's called the "Grid Width", you can find it in the Theme Options > Global > General

    Thanks
  • That worked for me, thanks
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.