WordPress.org

Support

Support » How-To and Troubleshooting » What did I do now? (all my content is suddenly centered)

What did I do now? (all my content is suddenly centered)

  • I was messing with my theme editor, trying to figure out Google AdSense and now all of a sudden all my content which was in my center column is justifed to the center instead of to the left.

    And I can’t figure out what I did to correct the problem.

    By blog is http://www.carlosmiller.com

Viewing 15 replies - 1 through 15 (of 15 total)
  • I couldn’t exactly figure it all out, but maybe this helps:

    In your stylesheet (style.css) there is a line like this:
    .entry p { margin: 0 0 1.5em 0; }

    Maybe replace this line with the following:
    .entry p { margin: 0 0 1.5em 0; text-align:left;}

    I would try this. It is a quick and roughed solution if it works…

    Let us know?

    Kcire,

    Awesome. That’s all I had to do. I would have never figured that one out.

    Thanks.

    But now the problem is my blockquotes are not aligned left and I tried including text-align:left where it says blockquote in the style sheet, but it doesn’t work.

    GOT IT!

    I see a <script> tag from some Website Statistics thingie at the bottom of the style.css stylesheet…Is that suposed to be there?

    Also I have just downloaded the style.css and see that both blockquotes have a text-align:center…

    I mean the following classes in your style.css stylesheet:
    .entry blockquote.left and .entry blockquote.right

    Putting ‘left’ instead of ‘center’ here should fix everything I hope….

    Another thingie…

    I have looked into the sidebar-list styles and didn’t found a ‘textwidget’ class. Maybe this will solve the center-aligned text at the right side of your website.

    Ad the following to style.css:
    .textwidget{text-align:left;}

    Now it should all be aligned left…Is that correct?

    That script thing about Website Statistics was something that I think only works on Blogger, because I never got it to show up. I already deleted that code.

    But I’m confused about the text widget thing. Where exactly should I add that?

    The line I suggested is a complete new one. So actually you could put it anywhere in the stylesheet.

    I would put it beneath the following line:
    #calendar_wrap { font-size: 1.3em; }

    As follows (to keep track of things):
    /*—< widget styles >—*/
    .textwidget {text-align:left;}

    The first line is a ‘comment’ and is only there so you later understand what it is. Always handy! This could also be:
    /*—< The thing I talked about with kcire at WordPress.org >—*/

    Whatever is clear for you.

    You see more of those lines in the stylesheet if you look at it.

    I did exactly what you said, but nothing changed.

    When I look at it with Firefox (as I usually do) it looks like the text at the far right of the website is aligned to the left.

    Isn’t this what you wanted?

    Are you talking about the sidebars?

    I’m talking about the blockquotes and the headlines in the center column.

    They are justified to the center and I would like to justify them to the left.

    I think I got it…

    The following line:
    .entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }

    says text-align:center, this I would change to text-align:left; like following:
    .entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: left; float: right; }

    As you see this class is called .entry blockquote.right …So the .entry blockquote.left should be handled the same way…

    Is this the solution? It’s difficult for me without being able to see it all working…

    I had already put “text-align: left;” in every entry where it says blockquote, but it didn’t affect the blockquotes.

    This is what I have:

    .entry blockquote { font-size: 1.0em; text-align:left; }

    .entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align:left; float: right; }

    .entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align:left; float: left; }

    .entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; text-align:left;}

    .entry p { margin: 0 0 1.5em 0; text-align:left;}

    OK, I fixed half the problem. I got the blockquotes to justify left, now I need to figure out how to do the same to the headlines.

    All I did was add a “text-align: left” to the following line:

    .entry ul, .entry ol { margin: 0 0 1.5em 40px; text-align:left; }

    All right! I fixed the headlines. It was just a matter of finding out where else I needed to put “text-align; left”.

    Thanks for your help! You helped me find the answer.

    You figured it out! Good to hear that and glad I could help.

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘What did I do now? (all my content is suddenly centered)’ is closed to new replies.