Change Color of Hyperlink (not for all the same color)

  • Resolved Jeugdhuis Tongeluk

    (@jhtongeluk)


    5 years ago

    Hi All!

    I want to change the color of my hyperlinks to white in this section of my website
    – Homepage -> scroll down to “FAQ: HOE KAN IK ZELF IETS ORGANISEREN IN HET JEUGDHUIS?”
    In this section you can see my mailto and website hyperlink in BLACK, and I want those 2 changed into WHITE, can someone help me change it?
    I tried to put in this command but it changed my button higher on my page to blue:
    a:link {
    color: #FFFFFF;
    }

    Second of all, on this page of my website https://www.jhtongeluk.be/hoe-er-geraken/ you can see my hyperlink “Collecto”, that is underlined, but once you hover over it it goes white and ‘dissapears’. Someone knows how I can keep that one black?
    Also the same for the hyperlink on this page https://www.jhtongeluk.be/jeugdhuis-openhouden/ , you see the hyperlink ‘Lid Worden’, mailto and FB page underlined and also when u hover over this one it changes to the color WHITE! How can I change those ones to black?

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

Viewing 1 replies (of 1 total)
  • danamv

    (@danamv)

    5 years ago

    Hello @jhtongeluk,

    The code you provided targets all the <a> elements on your site. If you would like to apply only to the homepage, you can use .home before that.

    .home a:link {
color: #FFFFFF !important;
}

    Also, I see that you are already using Elementor. You can set to black the rest of the links from Elementor (color on hover as well). https://element.how/elementor-how-to-change-link-color/

    I hope it helps!

    • This reply was modified 5 years ago by danamv.
Viewing 1 replies (of 1 total)

The topic ‘Change Color of Hyperlink (not for all the same color)’ is closed to new replies.

  • 1 reply
  • 2 participants
  • Last reply from: danamv
  • Last activity: 5 years ago
  • Status: resolved