Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 13, 2013 at 4:16 am #5075
    Count Moriarty
    Member

    I’m attempting to change the hover color of the comments link to transparent.  When using Chromes inspect element tool I can tell that if I remove .entry-header .comments-link a:hover {background-color: that it will give me the desired effect.  However, I was looking for a solution without having to create a child theme.

    I attempted to write

    .entry-header .comments-link a:hover {

    background-color: transparent;

    }

    But I did not get the desired effect.

    March 13, 2013 at 11:47 am #5089
    Sakin
    Keymaster

    @Count Moriarty: For any css customization. You don’t need to build child theme. Just add the css in “Custom CSS” box in your Theme Options panel.

    March 13, 2013 at 5:01 pm #5099
    Count Moriarty
    Member

    Sorry, I didn’t make it clear, I was already attempting CSS customization in the Custom CSS Box and it wasn’t working.

    I figured out the issue, the .entry-header .comments-link a:hover is being set in the same place that the Custom CSS is being placed.  Because the original command is located further down on the sheet my custom CSS was being over written.  I added a !important declaration to my custom css in order to work around this and it works fine now.

    March 14, 2013 at 11:54 am #5152
    Sakin
    Keymaster

    @Count Moriarty: Great that it worked for your. Thanks.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Setting Comments Link Hover to Transparent’ is closed to new replies.