Hover text colour

  • aorrow

    (@aorrow)


    7 years ago

    Hi,

    I have styled a block of text using the Text editor like this:

    <span style=”color: #ffffff;”>Email</span> xxxx@xxxxxxxxxx <span style=”color: #ffffff;”>or call</span> xxxxxxx

    I’d like to know if Its possible to now style the hover colour for the links? Can this be done in the Text Editor? Thank you.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    It’s better to style this in CSS rather than trying to hit each link individually.

    #footer a, #footer a:visited {
    color: #a5a5a5;
}
#footer a:hover {
    color: #5a5a5a;
}

    Of course, pick your own colors.

    To add CSS: use the “Additional CSS” option in the customizer.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter aorrow

    (@aorrow)

    Apologies the text did not paste correctly. The text should be as follows:

    <span style=”color: #ffffff;”>Email</span> [email protected] <span style=”color: #ffffff;”>or call</span> +44 (0)7768 152 787

    Thread Starter aorrow

    (@aorrow)

    Thanks Steve,

    I thought CSS would probably be better. Is your example relevant for the footer only? The block I’m interested in is below the About Section just the email and phone number in this dark grey block.

    Don’t want to change the link styling globally but just for this single section.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Use the inspector to get appropriate div ID or class to limit the changes to the About section.

    The element looks to be <div class="vc_column-inner vc_custom_1508615273453"> so use .vc_custom_1508615273453 instead of #footer.

    Please note we do not support Visual Composer here.

    Thread Starter aorrow

    (@aorrow)

    ok Thanks Steve.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Hover text colour’ is closed to new replies.

Tags