Align text

  • Hi there,

    I know the question was asked many times, however, like here (https://www.ads-software.com/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

Viewing 12 replies - 1 through 12 (of 12 total)
  • Thread Starter nonenoknow

    (@chtrede)

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

    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.

    Thread Starter nonenoknow

    (@chtrede)

    Link: https://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. ??

    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 ??

    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

    Thread Starter nonenoknow

    (@chtrede)

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

    Thanks
    Christian

    /***** 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;
}

    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
    (https://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 ??

    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.

    Thread Starter nonenoknow

    (@chtrede)

    Thanks!

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

    lionnes

    (@lionnes)

    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
    https://www.lionnes.com/blog

    thanks in advance

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Align text’ is closed to new replies.