WordPress.com is an easy way to start blogging. Get a blog, check out our features, read the latest announcements, choose from great themes, or learn about the team behind it.
Need help? Check out our Support site, then
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 fedenerazzurra.com.
1.
sempresolointer
#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;
}4.
Non-link widget titles
#sidebar .widgets .widgettitle, #sidebar .widgets .widgettitle a {
color: #171717;
}Twitter widget title
.widget_twitter .widgettitle a {
color: #cc0000 !important;
}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.
Never mind I have figured it out. Thank you so much!
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;
}OK I'll use those codes then. Do you also have the code(s) for blog entry date?
This will get the date.
.entry-date {
color: #cc0000;
}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.
You are welcome and your site is looking very good.
I like dragons. :-)
Ok last thing (3rd last thing haha), how about changing the headlines' color, those that on the home/front page? :)
Ignore that question. I now need help on changing the color of the Twitter feed. Not the tittle, but the tweets below it.
I'd also like to know how to remove these lines on the front page. Here is the screenshot of it:
http://img407.imageshack.us/img407/5088/screenshot20120502at230.png
Use this to remove the lines:
.lay1 {<br />
background: none;<br />
}
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.
http://img804.imageshack.us/img804/5558/screenshot20120502at946.png
http://img826.imageshack.us/img826/6638/screenshot20120502at951.png
I also want to change the color of these boxes to black and the actual number to tan. Thanks in advance again.
Bump.
How do I move the site title up, down, left, right?
Try this on the site title (based on what you said in the other thread) and play with the numbers.
joshidaniel#logo h1 a {
text-align: left;
padding-left: 5px;
margin-top: 20px;
margin-bottom: -10px;
}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;
}Worked like a charm. Thank you.
You guys have been a great help. Thank you very much.
You are welcome.
This topic has been closed to new replies.
