Do not edit the Twenty Fourteen theme. It is the current default WordPress theme and having access to an original, unedited, copy of the theme is vital in many situations. First create a child theme for your changes. Or install a custom CSS plugin.
It is true that I have a lot to learn with Word Press. It looks like I have done one thing right. I have installed the Custom CSS plugin and have been looking at the Stylesheet in an effort to find what code I should be editing with the CSS plugin.
Thanks for the quick response.
Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser. It should cut your CSS development time in half.
I have been using Chrome to look at the code and I do see a heading with the title “textarea”. I have tried adding background to the items after this with no success. Just below that is a heading of “body” with a background colour but that does not change the area I want to change.
What could be my problem is that before I got the CSS plugin I may have made some changes directly in the Stylesheet and in the templates files. In particular the menu php code. Is there a way to reset the codes and start over? I did not make a lot of changes and if they did not have the desired effect I put them back to what they were.
Use the following but beware that this will change all paragraph elements on your site:
p {
background: #000000;
color: #ffffff;
}
The background property defines the background color, and the color property defines the text color.
If you only need to change a certain paragraph, you should look at adding custom CSS classes to your content.
That’s not exactly what I had in mind, but thanks anyway.
It could be that the textarea container is not what I want and I should just eliminate it and place my content on whats under it. I think that would be the body or is there another container more suited to what I want?
If you post a link to your site, I’ll take a look at it.
It’s much easier to work with when I’m looking at the site in question and fiddling around with the Developer Tools in my browser.
Try:
.entry-content {
background: #000000;
color: #ffffff;
}
With whichever colors you like.
Nope….. no joy with that code.
I lost all the text and the background stayed white. I changed the background to a different colour and there was no change.
One thing that I do know that works as far as the text colour is concerned is this code. I tried adding a background colour but that didn’t work either.
body,
button,
input,
select,
textarea {
color: #000000;
font-family: Lato, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
This looks nicer.
Nope….. no joy with that code.
I lost all the text and the background stayed white. I changed the background to a different colour and there was no change.
One thing that I do know that works as far as the text colour is concerned is this code. I tried adding a background colour but that didn’t work either.
body,
button,
input,
select,
textarea {
color: #000000;
font-family: Lato, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
Try:
.site-content .entry-content {
background: #000000;
color: #FFFFFF;
}
Yahoo …… that worked…..
http://blackdog.freshbreezeinn.com/
Now of course there are a number of other items which I would like to change the background for but I think with this bit of code I should be able to figure out the rest.
Thanks so much.
Doh! I was so close, glad you got it sorted
