Change blog entry's color

sempresolointer · Member · May 1, 2012 at 6:15 am
Copy link

Add topic to favorites
Hi guys, just joined the WordPress community today and of course I’m having some trouble with this CSS thing. So my site is fedenerazzurra.com (theme is Triton Lite) and I’d like some help on changing the color of:

1 blog titles
2 categories
3 tags
4. header of all the widgets in the right sidebar like “Twitter” or “Facebook” or “Archives”

Because right now, it is very hard to see those things. Thank you in advanced.

The blog I need help with is: (visible only to logged in users)

thesacredpath · Member · May 1, 2012 at 6:58 am

#posts .postitle, #posts .postitle a {
color: #171717;
}

2 & 3.

Normal color:

.post-cat, .post-tag {
color: #000000;
}

Hover color:

.post-cat a, .post-tag a {
color: #A53C2E;
}

Non-link widget titles

#sidebar .widgets .widgettitle, #sidebar .widgets .widgettitle a {
color: #171717;
}

Twitter widget title

.widget_twitter .widgettitle a {
color: #cc0000 !important;
}

sempresolointer · Member · May 1, 2012 at 7:28 am
Copy link
Thank you so much but I still need a couple more codes because the actual tags and categories are still black.

Ex:

“Categories”: *I need the code for a color change here*
Same with tag.

And the last thing is for posted date. It’s right now is also black with a black background.

Appreciate it.
sempresolointer · Member · May 1, 2012 at 7:37 am
Copy link
Never mind I have figured it out. Thank you so much!
thesacredpath · Member · May 1, 2012 at 8:06 am
Copy link
The post cats and tags need the !important attribute on the color declaration like this:
```
.post-cat a, .post-tag a {
color: #cc0000 !important;
}
```
The same would be true for the cat and tag hover color which is probably better off done like this:
```
.post-cat a:hover, .post-tag a:hover {
color: #34dc34 !important;
}
```
sempresolointer · Member · May 1, 2012 at 8:26 am
Copy link
OK I’ll use those codes then. Do you also have the code(s) for blog entry date?
thesacredpath · Member · May 1, 2012 at 8:30 am
Copy link
This will get the date.
```
.entry-date {
color: #cc0000;
}
```
sempresolointer · Member · May 1, 2012 at 8:34 am
Copy link
Awesome. Thank you very much. Like I said, I like literally just joined WP for less than 24 hours so I need a lot of help. Thanks again.
thesacredpath · Member · May 1, 2012 at 8:38 am
Copy link
You are welcome and your site is looking very good.
thesacredpath · Member · May 1, 2012 at 8:39 am
Copy link
I like dragons. :-)
sempresolointer · Member · May 1, 2012 at 6:32 pm
Copy link
Ok last thing (3rd last thing haha), how about changing the headlines’ color, those that on the home/front page? :)
sempresolointer · Member · May 2, 2012 at 9:02 am
Copy link
Ignore that question. I now need help on changing the color of the Twitter feed. Not the tittle, but the tweets below it.
sempresolointer · Member · May 2, 2012 at 9:33 am
Copy link
I’d also like to know how to remove these lines on the front page. Here is the screenshot of it:
joshidaniel · Member · May 2, 2012 at 10:47 am
Copy link
Use this to remove the lines:

.lay1 { background: none; }
sempresolointer · Member · May 2, 2012 at 4:48 pm
Copy link
Thank you. What about these white lines here? I would like to change their color. Sorry about all these questions, I told you I’m a newb at this.
sempresolointer · Member · May 2, 2012 at 4:53 pm
Copy link
I also want to change the color of these boxes to black and the actual number to tan. Thanks in advance again.
sempresolointer · Member · May 3, 2012 at 7:56 am
Copy link
Bump.

How do I move the site title up, down, left, right?
thesacredpath · Member · May 3, 2012 at 6:43 pm
Copy link
Try this on the site title (based on what you said in the other thread) and play with the numbers.
```
#logo h1 a {
text-align: left;
padding-left: 5px;
margin-top: 20px;
margin-bottom: -10px;
}
```
thesacredpath · Member · May 3, 2012 at 6:51 pm
Copy link
The white lines are a bottom border on the post blocks. Edit the color # or if you want to get rid of them altogether, use bottom-border: none;
```
.lay1 > div {
border-bottom: 7px solid #DFDFDF;
}
```
This would be the “current” page navigation styling. I suggest keeping this slightly different in either background color or something so that people will easily know which page they are on when you get multiple pages going.
```
.amp-current, .nav-paginated .current {
background: none repeat scroll 0 0 #FFFFFF;
color: #7F7F7F;
}
```
This is the styling for the non-current page navigation blocks.
```
.amp-page, .amp-next, .amp-prev, .page-numbers {
background: none repeat scroll 0 0 #DFDFDF;
color: #FFFFFF;
}
```
sempresolointer · Member · May 3, 2012 at 6:52 pm
Copy link
Worked like a charm. Thank you.