buzzerchat blog css possible link hover problem

**Musicbox** · Sep 22, 2010 02:11

Hello All,

I have just added blog here http://www.buzzerchat.com/blog/ now you can i added custom header by opening header.php and it shows header correctly but if you go to this address http://www.buzzerchat.com/blog/2010/...uzzerchat-com/ you will notice menu links became small ? so how can i fix this to make it look like main page of blog http://www.buzzerchat.com/blog/

I am just starting with blog.

**Paul O'B** · Sep 22, 2010 05:03

Hi,

On the block page you have a class of blog in the body tag which picks up this rule.

Code:

.blog a:link{color:black;font-size:12pt;font-family:Tahoma;font-style:bold;text-decoration:none}
.blog a:hover{color:black;font-size:12pt;font-family:Tahoma;font-style:bold;text-decoration:none}
.blog a:active{color:black;font-size:12pt;font-family:Tahoma;font-style:bold;text-decoration:none}
.blog a:visited{color:black;font-size:12pt;font-family:Tahoma;font-style:bold;text-decoration:none}

Code:

<body class="home blog">

You have no such class in the body tag of the other page so the style isn't picked up. If you add it it then it should work.

(You do rather confusingly have the link holding a class of .blog also but that will never be seen by the rule above.)

**Musicbox** · Sep 22, 2010 05:19

could you please attach style.css which i need to replace ? as i am using wordpress there is no such class in body.

i opened header.php and it showed

<body <?php body_class(); ?>>

there is also no home blog class.

**RyanReese** · Sep 22, 2010 07:44

Look in header.php and find the body_class() function. If it is not there, then look for include() and require() functions (and include_once() and require_once())

Find them and open those pages up. body_class() function should be in there.

**Paul O'B** · Sep 22, 2010 08:36

As you already have a class on the links themselves you should be able to get away with doing this in css.

Code:

a.blog:link,a.blog:visited,a.blog:hover,a.blog:active {
    color:black;
    font-size:12pt;
    font-family:Tahoma;
    font-style:bold;
    text-decoration:none
}

**Musicbox** · Sep 22, 2010 18:18

Originally Posted by Paul O'B

As you already have a class on the links themselves you should be able to get away with doing this in css.

Code:

a.blog:link,a.blog:visited,a.blog:hover,a.blog:active {
    color:black;
    font-size:12pt;
    font-family:Tahoma;
    font-style:bold;
    text-decoration:none
}

Thanks, this worked out!

User Tag List

Thread: buzzerchat blog css possible link hover problem

Thread Tools

Display

buzzerchat blog css possible link hover problem

Bookmarks

Bookmarks

Posting Permissions