WordPress.org

Ready to get started?Download WordPress

Forums

Align text (13 posts)

  1. chtrede
    Member
    Posted 3 years ago #

    Hi there,

    I know the question was asked many times, however, like here (http://wordpress.org/support/topic/how-to-align-text-widgets-heading-to-center) not answered :-(

    All text on my sidebar left (i.e. in all widgets, e.g. text widget but also recent comments, recent posts) is center aligned! This makes no sense at all (especially in menues) and thus I want them left aligned... but how to do? Preferably I am looking for a solutions that includes everything in the sidebar... if not possible, how could I change it for single widgets?

    Thanks a lot
    Christian

  2. chtrede
    Member
    Posted 3 years ago #

    sorry, my sidebar is right (if that is important for any matter)!

  3. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    link?

    css adjustments can best (imho, most of the time, only) be discussed with a link to the site showing the problem.

    the interaction of html and css depends on each individual situation.

  4. chtrede
    Member
    Posted 3 years ago #

    Link: http://mc.christiantrede.com/
    User: help
    Pwd: helpme

    Thanks a lot!
    Christian

    P.S.

    css adjustments can best (imho, most of the time, only) be discussed with a link to the site showing the problem.
    Why? It does not make any difference, as the place where to change the alignment should be the same with any site. ;-)

  5. sharecommons
    Member
    Posted 3 years ago #

    Guess you resolved it on your own. There's nothing better than that, trust me. It is "good" that you got a chance to solve it without any help, I'm sure you understand CSS better than before :)

  6. Rev. Voodoo
    Volunteer Moderator
    Posted 3 years ago #

    Why? It does not make any difference, as the place where to change the alignment should be the same with any site. ;-)

    BUt every theme is coded differently. You may need more specificity in your css, so we would need to see the code to see your selectors. Also, some themes don't use style.css at all, other than to name the theme.

    There are so many things that can be different between themes. Also, sometimes something is jacked up somewhere else in the theme that causes layout problems. So to see everything in context makes it easier to offer up help

  7. chtrede
    Member
    Posted 3 years ago #

    @sharecommons
    Do not understand, nothing is solved, it is still centre aligned! I am using Firefox 3 and 4 beta!

    Thanks
    Christian

  8. Rev. Voodoo
    Volunteer Moderator
    Posted 3 years ago #

    /***** Siderbar *****/

    look for this part of your style.css

    everything is set text-align: center. Change it to left either:

    #sidebar ul {
    width: 220px;
    list-style-type : none;
    padding : 15px 0 15px 10px;
    text-align : center;
    }

    or

    #sidebar ul li {
    list-style-type : none;
    border-bottom : none;
    }
  9. sharecommons
    Member
    Posted 3 years ago #

    Oops, sorry mate, thought you wanted to center align them. My bad, I read it wrong.

    Look for this piece of information in your Style.css file
    (http://mc.christiantrede.com/wp-content/themes/WP-Africa/style.css)

    /***** Siderbar *****/
    
    #sidebar {
    float : right;
    width : 280px;
    margin : 0;
    padding: 0 ;
    }
    #sidebar ul {
    width: 220px;
    list-style-type : none;
    padding : 15px 0 15px 10px;
    text-align : center;
    }
    
    #sidebar ul h2 {
    background : url(images/sidebartop.jpg) no-repeat;
    width: 210px;
    font-weight : 100;
    font-size : 20px;
    margin : 20px 0 5px 10px;
    padding : 18px 0px 18px ;
    color : #111111;
    text-align : center;  <-- This is the one that needs to be changed
    text-decoration : none;
    }

    Do you see that second-last line above? text-align : center;
    Please change that to left so that it looks like this:

    text-align: left;

    I'm 110% sure that will solve the problem :)

  10. sharecommons
    Member
    Posted 3 years ago #

    But if you want "everything" left aligned in SIDEBAR. Then do this:

    /***** Siderbar *****/
    
    #sidebar {
    float : right;
    width : 280px;
    margin : 0;
    padding: 0 ;
    }
    #sidebar ul {
    width: 220px;
    list-style-type : none;
    padding : 15px 0 15px 10px;
    text-align : center; <-- Change this from center to left.
    }
    
    #sidebar ul h2 {
    background : url(images/sidebartop.jpg) no-repeat;
    width: 210px;
    font-weight : 100;
    font-size : 20px;
    margin : 20px 0 5px 10px;
    padding : 18px 0px 18px ;
    color : #111111;
    text-align : center; <-- Change this from center to left.
    text-decoration : none;
    }
    #sidebar ul li {
    list-style-type : none;
    border-bottom : none;
    }
    #sidebar ul ul li {
    background : url(images/bullet.png) no-repeat center left;
    padding : 2px 0 2px 15px;
    }
    #sidebar ul ul li a {
    font-size : 13px;
    margin : 0;
    }
    #sidebar ul ul ul {
    padding-left : 0px;
    }

    Change from center to left as suggested in the above code.

  11. chtrede
    Member
    Posted 3 years ago #

    Thanks!

  12. sharecommons
    Member
    Posted 3 years ago #

    Please close this thread by choosing "Resolved" from right side.
    Thanks.

  13. lionnes
    Member
    Posted 3 years ago #

    please, I am using theme desciple wordpress 3.1,
    I recently changed my backhround coulour to grey and added the text widget(pictures)on side bars to upload pictures.
    I changed borders from "0" to "20" to create rectangles around images.
    The problem is with the right sidebar, it is more allinged to the right, making the blue lines on the border of the main column(to your right) visible.
    I am able to change the line colour to my general background colour, so I want to shift the right side bar a little left to cover the blue line.

    can any one tell me how to shift this? or how to change the colour of the blue line to my background colour.

    Note: I edieted all colours in my blog/wp-content/themes/desciple/images.gif to my new background colour, yet that blue line won't change

    here is my blog
    http://www.lionnes.com/blog

    thanks in advance

Topic Closed

This topic has been closed to new replies.

About this Topic