Okay
  Public Ticket #269059
Styling post tags
Closed

Comments

  • John started the conversation
    August 22, 2014 at 1:31pm

    I can't figure out how to stop tags from showing a different background color when I hover the pointer over them. I can change the foreground color and size, but I can't stop the background color from showing. I want them to behave like the category links in the sidebar. This is what I'm using:

    .post-tags a {
       background-color: transparent!important;
       color: #4373cc!important;
       font-size: 14px!important;
      padding: 9px 7px 0px 7px;
    }
    .post-tags a:hover:before {
       color: #676767!important;
    }

    Can you help, please?

  •  9,333
    Tahir replied
    August 22, 2014 at 2:49pm

    Hey!

    Seems like you got it sorted as i cant see any background on the tags. 

    Cheers

     Salient Support Team |  Say Hello!

  •   John replied privately
  •  9,333
    Tahir replied
    August 23, 2014 at 4:04pm

    Hey Again!

    Add this into the Custom CSS box located in your Salient Options panel :
    .post-tags a {
    background-color: transparent!important;
    color: #4373cc!important;
    font-size: 14px!important;
    padding: 9px 7px 0px 7px;
}
.post-tags a:hover{
    color: #676767!important;
    background-color: transparent!important;
}
    Cheers

     Salient Support Team |  Say Hello!

  • John replied
    August 23, 2014 at 4:13pm

    I've tried that but the problem remains. For some reason, it seems to be ignoring these lines:

    .post-tags a:hover {
      background-color: transparent!important;
    }

    Somehow, those lines are being overridden. But how?

  •  9,333
    Tahir replied
    August 23, 2014 at 4:56pm

    It works when i add it in live browser. Try adding these so i can check why its not working :

    html body .post-tags a {
    background-color: transparent!important;
    color: #4373cc!important;
    font-size: 14px!important;
    padding: 9px 7px 0px 7px;
}
html body .post-tags a:hover{
    color: #676767!important;
    background-color: transparent!important;
}

    Cheers

     Salient Support Team |  Say Hello!

  • John replied
    August 24, 2014 at 3:50am

    That's what made the difference--the addition of "html body". Now they work. Thanks!