Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   Changing the style of the post's body text and other font issues. (http://forum.bytesforall.com/showthread.php?t=1337)

perdox808 Apr 20, 2009 09:08 AM

Changing the style of the post's body text and other font issues.
 
**I'm sorry if this appears twice. I posted it some time back before the forum went to a new server and on checking, I was unable to find it**

I would like to be able to control the formatting of the text that appears in the Post's body.

I can change it's color via the Body Box field under the Post/Page Styling tab but I can't control the space after each paragraph.

By adding the following in the CSS inserts, I have been able to control the heads in my blog. For example, for Head 3 I have the following:

h3 {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 25px;
font-style: italic;
font-weight: normal;
text-align: left;
margin-top: 25px;
margin-bottom: -4px;
line-height: 100%;
color: #0066cc;
}

I inspected the element in the browser and it shows that its div class="post-bodycopy clearfix" so I thought I would add the following to the CSS inserts:

p.post-bodycopy clearfix {
font-family: Times New Roman", Georgia, Times, Serif;
color: #680311;
font-size: 16px;
line-height: 125%;
margin-bottom: 24px;
}

I exaggerated the margin-bottom value to see if it works but I can't seem to control the space below each paragraph.

Where should I enter the 'styles' so that I have full control of the text that appears in the posts?

Also, when I am in the editor, I select a word and change its color to red, for example. But this change of colour does not appear in the post. What am I doing that's wrong?

Thanking you in anticipation.

Flynn Apr 20, 2009 08:20 PM

Use

div.post-bodycopy {
...
}

or if you wanted to target <P> paragraphs inside post-bodycopy

div.post-bodycopy p {
...
}

clearfix is a second, additional class that is being applied to the same element. When you list 2 classes in a row like this

.class1 .class2 {
...
}

... then it'll mean "a class2 inside a class1" and not "an element with these 2 classes"


P.S.: And besides that, "clearfix" is an auxiliary class to fix browser issues with 2 or more floating divs inside another div. clearfix shouldn't be "styled" or edited at all.

perdox808 Apr 20, 2009 08:26 PM

Thanks Flynn. I'll give that a try.

You know how I asked why changing the colour of my text was not working? I found the answer.

I have been using Safari 4 Public beta and the damn thing doesn't work. I would select a word, make it red for example and it would not change. Have gone to Firefox now.

Perhaps you can make a sticky advising people of this?

Cheers and thanks again.


All times are GMT -6. The time now is 08:43 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.