WordPress.org

Ready to get started?Download WordPress

Forums

Remove hover color (6 posts)

  1. Thebestusername
    Member
    Posted 1 year ago #

    Hey how do i remove the hover color from my the "no comments" text? This is my website http://www.fodboldgal.dk - and the "no comments" text is on each post. The hover color is the same color as the text, and then the text isnt visible anymore.

    Some help would be very much appreciated.

    Best regards Thebestusername

  2. riversatile
    Member
    Posted 1 year ago #

    Hi,

    In your style sheet, look for the CSS class :
    .entry-header .comments-link a:hover
    With the parameter :
    background-color: #1288d3;

    If you remove completely the line :
    background-color: #1288d3;
    when the mouse fly over the link, the link style will not change.

    Cheers

  3. Thebestusername
    Member
    Posted 1 year ago #

    Hey thanks, but i cant find background-color: #1288d3;

    I searched for .entry-header .comments-link a:hover
    and found this in the .css:
    }

    /* Comments link */
    .entry-header .comments-link a {

    }
    .entry-header .comments-link a:hover,
    .entry-header .comments-link a:focus,
    .entry-header .comments-link a:active {

    }
    .entry-header .comments-link .leave-reply {

    }

    I tried to search for background-color: #1288d3; but i couldn't find it.

    Any idea what to do? :)

  4. esmi
    Forum Moderator
    Posted 1 year ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    Now that you know the style, from being exposed/added by Firebug, you can add a new style to override it.

    You ought to add new styles externally, not within the theme's files. Changes to the theme's files will compromise the theme and be compromised when the theme updates.

    External changes can be made using a Child Theme or through a plugin that provides Custom CSS functionality.

    I recommend using the Jetpack plugin and its Custom CSS functionality to hold your CSS modifications.

    General CSS queries can be asked in general CSS forums such as;
    http://csscreator.com/forum
    http://www.cssforum.com.pk/
    http://css-tricks.com/forums/
    http://www.welovecss.com/
    http://www.codingforums.com/

  6. Thebestusername
    Member
    Posted 1 year ago #

    Alright so what new .css code would i then add to the custom css to make the hover color disappear?

Topic Closed

This topic has been closed to new replies.

About this Topic