gameboyz
Member
Posted 3 years ago #
Here is the CSS: http://gameboyz.net/wp-content/themes/gameboyz/style.css
Here's the deal: My postmetadata CONTROLS my post title. I have clearly separated them by using two different div classes, but I can't solve the problem.
You can see the source by going to View Source (Firefox). You can see that they are clearly seperated.
PLS HELP!
P/s: Sometimes this is fixed, but another css tag (eg sblink a:link,a:active,a:hover,a:visited{blahblahblah;}) will interfere with the post title. This is so GOD DAMNED frustrating! :(
gameboyz
Member
Posted 3 years ago #
If you want your post titles styled a particular way, then style .title in your stylesheet. Your post titles are in a div with the class title.
Your post titles are links, and this below is probably the source of your trouble:
a:link,a:visited,a:hover,a:active{
color:#dd6e01;
font-weight:bold;
font-size:24px;
text-decoration:none;
}
Because of this, any links will take on this style unless you style them not to. See this: Cascading Order and Inheritance in CSS
gameboyz
Member
Posted 3 years ago #
But I specified that
.title a:link,a:visited,a:hover,a:active{
color:#dd6e01;
font-weight:bold;
font-size:24px;
text-decoration:none;
}
and that #sblink is another set of styles (different font sizes).
Why will this happen?
You have to watch out if combining things, .title a:link,a:visited,a:hover,a:active is not correct.
Correct:
.title a, .title a:link, .title a:visited, .title a:hover, .title a:active{
color:#dd6e01;
font-weight:bold;
font-size:24px;
text-decoration:none;
}