Color of links in MistyLook theme - part#2
OK. This time we have a look at links in posts both when viewing on the main page and single post.
POSTS on main page
![]()
(click on image to zoom it out)
- color of linked post title; add to style.css:
#content h2 a:link, #content h2 a:visited {
color: #xxx;
} - color of linked post author name; add to style.css
#content .post-info a:link, #content .post-info a:visited {
color: #xxx;
} - color of links within posts; just add color: #xxx; within #content .entry a:link, #content .entry a:visited and #content .entry a:hover, #content .entry a:active
- color of Continue Reading -> check one of my earlier entries ;)
- and 6. color of linked category/categories and comments; add to style.css:
#content .postmetadata a:link, #content .postmetadata a:visited {
color: #xxx;
}
In SINGLE POST view there are few more links:
![]()
(click on image to zoom it out)
- links for navigation between posts; add to style.css:
.postnav a:link, .postnav a:visited {
color: #xxx;
} - linked number of comment; add to style.css:
#container .commentlist li .cmtinfo a:link, #container .commentlist li .cmtinfo a:visited [
color: #xxx;
} - color of Trackback URl link; add to style.css:
#content .trackback a:link, #content .trackback a:visited {
color: #xxx;
} - color of Comments RSS link; add to style.css:
#content .commentsfeed a:link, #content .commentsfeed a:visited {
color: #xxx;
}
When you are logged in as admin and go to single post view there are two extra links within comment form. To change their color add to syle.css:
#commentform a:link, #commentform a:visited {
color: #xxx;
}
And done
.
30th August 2007 5 comments





I love looking at CSS samples and seeing what I do wrong. It is always good to look at other peoples code to help yourself expand. Thank you
You’re welcome
I’m new to dealing with these themes and your tutorial was fantastic - thank you so much! One thing I’m having trouble with is changing the background color in the sidebar and at the top/foot of the page. I’ve spent hours trying to find the code - any ideas? Thanks again
Hi Chris,
To change background of sidebar look for #sidebar li.sidebox in style.css file.
About top/foot of the page - could you specify what exactly do you mean? Because in general they have the same color of background as the whole page…
Thank you for this tutorial, I’ve been fighting with the link colors on my theme and this cleared it right up for me. Thanks!