Need help? Check out our Support site, then


Changing Alignment of Sidebar Items

  1. Hello,

    I have never worked with CSS before today (I've spent the whole day playing with my theme) so I'm not sure if this is possible or not:

    I am using the "Regulus" theme and I have the box checked so that my sidebar appears on the left and the posts appear on the right. What I would like, is for the content in the sidebar to be right aligned (i.e. the categories, blogroll links, etc)...

    Any guidance or help on this would be much appreciated.

    Thanks,
    Jordan

  2. In your CSS find the section:

    /* --------
    - SIDEBAR -
    -------- */

    Then add the property text-align: right; to the following element definitions (so that they will look that the example below):

    #sidebar ul {
    	list-style-type:none;
    	padding:0;
    	margin:0;
            text-align: right; /*add this line*/
    }
    
    #sidebar li {
    	_border:1px solid #fff;
    	clear:both;
    	list-style-type: none; /*this line will make the squared bullets disappear.  If you still want the squared bullets to be visible, don't add this line.*/
    }
    
    #sidebar ul ul {
    	margin:0 0 0 16px;
    	list-style-type:square;
    	text-align: right; /*add this line*/
    }
    
    #sidebar ul ul ul {
    	list-style-type:none;
    	text-align: right; /*add this line*/
    }

    Hope this helps you to make your sidebar look the way you want it to.

    If you have more questions and I take long to answer them, please be patient. I won't be able to check the forum as often as I'd like to.

    Also know that there are other members of this forum that might chip in and help you out too :)

    --

Topic Closed

This topic has been closed to new replies.

About this Topic