Posted 4 years ago #
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
Posted 4 years ago #
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?
Posted 4 years ago #
Kcire,
Awesome. That's all I had to do. I would have never figured that one out.
Thanks.
Posted 4 years ago #
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.
Posted 4 years ago #
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....
Posted 4 years ago #
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?
Posted 4 years ago #
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?
Posted 4 years ago #
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.
Posted 4 years ago #
I did exactly what you said, but nothing changed.
Posted 4 years ago #
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?
Posted 4 years ago #
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.
Posted 4 years ago #
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...
Posted 4 years ago #
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;}
Posted 4 years ago #
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; }
Posted 4 years ago #
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.
Posted 4 years ago #
You figured it out! Good to hear that and glad I could help.
This topic has been closed to new replies.
