CSS Colour help

adminaccount2011 · Member · Nov 6, 2011 at 7:37 pm
Copy link

Add topic to favorites
Hey, back again but little different from last time, I tried codes I got but won’t work on this.

”The Madness Has a new home”, I need that to be black + text to be white and the exact same on the headings on the sidebar. For the text with the already black BG I need text to be white too.

Website

Thanks for help :)

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Nov 6, 2011 at 8:39 pm
Copy link
You mean, “The Madness is almost here?” This gets us started I think, but I’m not sure what you mean about text with the already black background. None of the background declarations declare a black background, they are all a very dark charcoal grey.
```
h2.entry-title, h2.entry-title a, .widget-title, .widget .widget-title a {
color: #FFFFFF;
}

.title, .widget-title {
background: #000000;
}
```
adminaccount2011 · Member · Nov 6, 2011 at 10:44 pm
Copy link
Thank you sir :)

Now how to I make all text white, all the rest of BG’s everywhere black (not main BG, just the text BG’s) and make links Red?
thesacredpath · Member · Nov 7, 2011 at 2:01 am
Copy link
Give this a try
```
body {
color: #FFFFFF;
}

a, .entry-meta a, .entry-meta, .widget a {
color: #FF0000;
}
```
You also might notice that all the like go to an orangish or bright bluish color when you hover over them. If you want to change the hover colors add this and edit the color. What I used is just a placeholder.
```
a:hover, .entry-meta a:hover, .widget a:hover {
color: #0088ff;
}
```
I didn’t change the menu since I wasn’t sure if you wanted to change that as well, but if you do.
```
#menu a {
color: #FF0000;
}
```
adminaccount2011 · Member · Nov 7, 2011 at 8:38 pm
Copy link
Awesome thanks!

Now where it says ”Posted by timmy5000 on October 30, 2011” what is code to make that BG blue instead of orange? Keep white text

BTW sorry to keep asking you questions
thesacredpath · Member · Nov 7, 2011 at 8:47 pm
Copy link
You have to determine the code for the particular color you want to use and then change the code. Go to the following link and then scroll down to the bottom to see the web safe colors and their hex codes.

http://www.w3schools.com/html/html_colors.asp
thesacredpath · Member · Nov 7, 2011 at 8:51 pm
Copy link
Sorry, this is where the background color and the border for the byline area is set in the CSS.
```
.entry-byline {
background: #D24D04;
border: 1px solid #FF5A00;
}
```
adminaccount2011 · Member · Nov 7, 2011 at 8:52 pm
Copy link
I actually know a lot of color codes, it is just IDK what name of stuff is. First, can that orange BG be changed? If so what is that part called?
adminaccount2011 · Member · Nov 7, 2011 at 8:55 pm
Copy link
Sorry didn’t see the code. Have it on preview and it works, but the ”Edit this” is still in orange, how does that change blue BG?
thesacredpath · Member · Nov 7, 2011 at 9:28 pm
Copy link
I can’t see the edit this link on your site, so I did not even know it was there. I had to set one of my test sites to your theme and then take a look at it to be able to come up with this.
```
.entry-byline .post-edit-link {
background: #FF5A00;
}
```
adminaccount2011 · Member · Nov 8, 2011 at 12:02 am
Copy link
I think I had some old coding so it wasn’t being put into effect, I think this is all for the time being, I really appreciate your help :)
thesacredpath · Member · Nov 8, 2011 at 12:34 am
Copy link
You are welcome.

No items found.