• Resolved joe smith

    (@joe-smith)


    I can change the links and colors on everything but when i go to change the link color and hover color for my comments link and author name (meta info)…the link color changes but the link hover color will not. It’s got me baffled. Lil’ help?

    My Site

Viewing 7 replies - 1 through 7 (of 7 total)
  • install firefox firebug and inspect the element css

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    @jumboclicks? While I do appreciate you helping out can you possibly take some more time to reply better? ??

    For example:

    Joe Smith it looks like you are using the Twenty Twelve theme on your installation. As mentioned you can install and use Firebug to inspect the CSS elements or use Chrome’s Inspect Element to identify the CSS that needs updating.

    Here’s a short tutorial on how to do that.

    https://www.studiopress.com/tips/using-firebug.htm

    Once you have identified that CSS you can either use a custom CSS plugin or create and activate a child theme and put your changes in the child theme.

    https://www.ads-software.com/plugins/search.php?q=custom+CSS

    https://codex.www.ads-software.com/Child_Themes

    Personally I prefer the child theme method myself. That way you can just take that new child theme directory and install it where you want as long as the parent Twenty Twelve theme is there too.

    If you do go with a custom CSS plugin then try this one.

    https://www.ads-software.com/plugins/simple-custom-css/

    I’ve used that one myself and it’s uh, “simple”. ??

    Thread Starter joe smith

    (@joe-smith)

    Thanks guys. Jan, i did what you said. I managed to single out this particular piece of code

    .comments-link a,
    .entry-meta a {
         Color: #757575;
    }

    This is the same for the comment link and author.
    I modified it and it changed the author link the way i wanted it to but for some reason it changed my comment count link red and hover color remained the same. this is what i entered into my css plug in.

    .comments-link a,
    .entry-meta a {
    	Color: #0000FF;
    }
    
    .comments-link a,
    .entry-meta a:visited {
    	Color: #0000FF;
    }
    
    .comments-link a,
    .entry-meta a:hover {
    	Color: #FA4B4B;
    }

    kinda confused at this point.

    Thread Starter joe smith

    (@joe-smith)

    I keep trying with no success :/

    Joe – can you clarify which elements you want which color? sorry, just a bit confused.

    Thread Starter joe smith

    (@joe-smith)

    I wished to change the color and hover color of my comments link and my post meta but the hover color wouldn’t change. I firebugged it and located the css for those particular links. I added the code above and my author link and hover color changed like i wanted it to but the comments link turned red and the hover color didnt change at all. I would like to know which code needs to be changed and how to change it in case i wish to change the colors later on down the road.

    Thread Starter joe smith

    (@joe-smith)

    Fixed it! For future reference for anybody that will have the same problem i just had, to change the ‘leave a reply,’ the category, tags, date and author links here is the codes you have to enter into your custom css file. All you have to do is just swap out the color codes…

    .comments-link a,
    .entry-meta a {
    	Color: #0000FF;
    }
    
    .comments-link a: visited,
    .entry-meta a:visited {
    	Color: #0000FF;
    }
    
    .comments-link a:hover,
    .entry-meta a:hover {
    	color: #FA4B4B;
    }

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘how do i change the link hover color for my meta??’ is closed to new replies.