WordPress.org

Forums

How to Center Widgets in Sidebar? (4 posts)

  1. gardibolt
    Member
    Posted 7 months ago #

    We are trying to get our site going but have plenty of formatting questions. First one is how to center widgets in the sidebar.

    Here's a sample page:

    http://unheardbeethoven.urgo.org/wordpress/about-the-project/

    The widgets are way off to the right, and we'd like them centered in the sidebar.

    Using 3.4.2, with the current version of the Esplanade theme. I put this into the Custom CSS box on the Design page for Explanade as had been suggested in some earlier threads but it didn't do anything.

    #sidebar ul li {
    text-align: center;
    }

    Second, how do we make the text area of the screen wider? It feels like two-thirds of the screen is blank right now.

  2. This article should explain and example CSS for centring elements.

  3. WPyogi
    Volunteer Moderator
    Posted 7 months ago #

    Looks like your sidebar may have two sections -- so try adding this to your custom CSS:

    #sidebar-right {
        width: 100%;
    }

    Remove the code you posted above as it may cause other problems.

  4. gardibolt
    Member
    Posted 7 months ago #

    Beautiful, thanks WPyogi, that did it perfectly.

Reply

You must log in to post.

About this Topic