SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    Non-Member Musicbox's Avatar
    Join Date
    Nov 2004
    Location
    india
    Posts
    1,331
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy buzzerchat blog css possible link hover problem

    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.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,478
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    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.)

  3. #3
    Non-Member Musicbox's Avatar
    Join Date
    Nov 2004
    Location
    india
    Posts
    1,331
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,721
    Mentioned
    10 Post(s)
    Tagged
    0 Thread(s)
    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.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,478
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    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
    }

  6. #6
    Non-Member Musicbox's Avatar
    Join Date
    Nov 2004
    Location
    india
    Posts
    1,331
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    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!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •