Topic Resolution: Resolved
    Denzel Chia
    Moderator
    Posts: 2656
    December 30, 2015 at 6:16 am #23299

    Hi,

    You have to edit the HTML of your links and add a class name.

    This link

    <a href="http://www.universityvillageguelph.ca/contact-us-2/">Volunteer</a>

    Change to the following

    <a class='volunteer_link' href="http://www.universityvillageguelph.ca/contact-us-2/">Volunteer</a>

    This link

    <a href="http://www.universityvillageguelph.ca/subscribe-to-our-newsletter/">Sign Up for E-newsletter</a>

    Change to the following

    <a class="signup_link" href="http://www.universityvillageguelph.ca/subscribe-to-our-newsletter/">Sign Up for E-newsletter</a>

    Then in custom css

    .volunteer_link:hover{
    color:#000;
    }

    .signup_link:hover{
    color:#000;
    }

    The color #000 is black, change this to your required color hex code.

    Thanks!

    Kathie McLaughlin
    Spectator
    Posts: 7
    December 30, 2015 at 5:29 pm #23301

    Thanks very kindly for this suggestion. However, I just want all links to have the same property on hover. Can I not somehow define a:hover { } ?
    I have tried adding a:hover { color: red;} to my custom css but it has no effect.

    thanks for your help!

    Kathie McLaughlin
    Spectator
    Posts: 7
    December 30, 2015 at 5:55 pm #23302

    Never mind. Got it sorted. I had to reload my theme customization page in order for it to accept the change to the css (was previously giving me an error when I tried to save it.)

    All good! Resolved