Changing post background color…help needed ASAP

evamadera · Member · Dec 23, 2010 at 6:18 pm
Copy link

Add topic to favorites
I currently use the girl in green theme. I love it just not the green background.
I have no experience with CSS at all so any help that uses CSS codes will not help me, only confuse me. (fyi)

I am trying to change the background color and was successful in changing the overall background color of the blog. However, the body of the post is a dark greyish black that I would love to change to the same cream color that I now have for the overall background.

While I’m at it I would like to know how to change the font color since a light font color will no longer work when I get the above resolved.

I need help as soon as possible because my vacation time is almost over and I will not have time when I return to work to fix this.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Dec 23, 2010 at 7:34 pm
Copy link
The content background color and font color
```
.entry {
background-color: #272528;
color: #9CB895;
}
```
evamadera · Member · Dec 23, 2010 at 9:37 pm
Copy link
thanks but I have no idea where I would put those codes or what they mean. I do not understand CSS at all. Can you please tell me where I would find/put these?
thesacredpath · Member · Dec 23, 2010 at 10:22 pm
Copy link
Go to appearance > edit CSS, clear all the informational information out of the text area and paste the above code into that box and replace the hex color codes with the color codes you want for the background and for the text color.

If you are unfamiliar with hexadecimal color codes, just google the term and you can find color charts.
evamadera · Member · Dec 23, 2010 at 11:21 pm
Copy link
Is there a way to change those colors without paying the money? I had no idea that it would cost money just to change the background and font color.
thesacredpath · Member · Dec 23, 2010 at 11:36 pm
Copy link
No, to edit the CSS requires the CSS upgrade. There are many themes here that allow you to change the background color without the need for the upgrade. You can go to http://theme.wordpress.com/ and use the features filter to find all the themes that allow a custom background or background color. None that I know of though allow changing of the font colors except for Vigilance which allows you to change the color of text links.
raincoaster · Member · Dec 23, 2010 at 11:47 pm
Copy link
You can change the font colour if you hand-code it, paragraph by paragraph, but that’s a complete pain AND if you ever change themes, you’re screwed because you’re stuck with the colour you chose. In order to change it again, you have to edit every single paragraph.
confederationtales · Member · Jan 24, 2011 at 7:47 pm
Copy link
WordPress allows, and has for a long time, the use of a subset of HTML. One tag useful in this regard is the DIV tag with the STYLE attribute. Look at the following example.

style=”line-height:120%;text-align:justify;text-indent:1.5em;font-size:14pt;font-family:Times New Roman,Times,serif;color:#000000;background-color:#ffffff;border:1px solid blue;padding:15px;”>

Paragraph one.

Paragraph two.

</div>
confederationtales · Member · Jan 24, 2011 at 7:59 pm
Copy link
In this way you can use CSS to style a page with thousands of paragraphs, without coding the individual paragraphs.

Also without buying the CSS option. That option is needed if you want to completely control your web site, and are very knowledgeable about CSS. But for page by page edits the DIV tag is very useful.

In the example the line height is loosened up from whatever the default is for your them. Text is justified. Each paragraph is indented about a third of an inch. The font is set to 14pt, slightly oversized by some subjective standards. The font is set to Roman. The text color is black. The background color is white. A border is set on pixel wide, solid blue, with padding within the box of 15 pixels.

A great site for clearly written and compete info on CSS is href=”http://www.w3schools.com/css/default.asp” target=”_blank>w3schools.
confederationtales · Member · Jan 24, 2011 at 8:07 pm
Copy link
If you want to delete the extra line between paragraphs you DO have to code individual paragraphs. Here is what it would look like.

<p style=”margin-bottom:0;margin-top:0;”>Paragraph one. Paragraph one.</p>
<p style=”margin-bottom:0;margin-top:0;”>Paragraph two. Paragraph two.</p>

In Word you can do this with search and replace of the special character for the paragraph break. In OpenOffice.org’s Write you can use regular expressions for the beginning of a line.

No items found.