How to Make Link Hover Behavior Apply to All Links

Discussion in 'Andrina WordPress Theme' started by sandymcdonald, Jun 5, 2013.

Thread Status:
Not open for further replies.
  1. sandymcdonald

    sandymcdonald Member

    Joined:
    May 29, 2013
    Messages:
    100
    Likes Received:
    1
    Objective: To make all links have the same hover behavior as in the Andrina Pro category widget.

    I've added the following code below to the custom css.

    Code:
    .page-content p a:focus,
    .page-content p a:active,
    .page-content p a:hover {
        color: #8fcb08;
    }
    This corrects the hover behavior on the pages and posts.

    It also corrects the hover behavior in the text widget in the side widget area in the following example.

    Code:
    <a href="mailto:[email protected]">[email protected]</a>
    
    But it does not correct the hover behavior in a text widget in another side widget with the following RSS email subscription code.

    Code:
    <a href="http://feedburner.google.com/fb/a/mailverify?uri=ComfortClimateService&amp;loc=en_US">Subscribe to Comfort Climate Service by Email</a>
    Does anybody have a clue as to how I make the RSS feed by email link change colors upon hover?
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)
    Code:
     a:focus,
    a:active,
    a:hover {
    color: #8fcb08 ! important;
    }
    This will solve your issue.
     
  3. sandymcdonald

    sandymcdonald Member

    Joined:
    May 29, 2013
    Messages:
    100
    Likes Received:
    1
    I replaced the previous Custom CSS code I used

    Code:
    .page-content p a:focus,
    .page-content p a:active,
    .page-content p a:hover {
        color: #8fcb08;
    }
    with the code you provided and all links are changing color upon hover now. Thank you.
     
Thread Status:
Not open for further replies.

Share This Page