Taken down my contact form, put in social links instead, why is email blue..?

The only code I've used for the contact section is below, so I'm not entirely sure why my email is showing up as blue, I thought I covered all bases with hovered, clicked, active etc..
.github,
.linkedin,
.mailme,
.resume {
display: flex;
align-items: center;
}

.social-svg {
width: 40px;
height: 40px;
fill: #2694e8;
margin-right: 5px;
}

.social-link:visited,
.social-link:active {
color: white;
}

.social-link:hover {
color: #2694e8;
}
.github,
.linkedin,
.mailme,
.resume {
display: flex;
align-items: center;
}

.social-svg {
width: 40px;
height: 40px;
fill: #2694e8;
margin-right: 5px;
}

.social-link:visited,
.social-link:active {
color: white;
}

.social-link:hover {
color: #2694e8;
}
3 Replies
CDL
CDL16mo ago
Should've added the html but it's lengthy. Each social is an svg + ahref inside a div. The div has class github, linkedin, mailme, resume.. the svg has social-svg class and the ahrefs have social-link
Chris Bolson
Chris Bolson16mo ago
From the code provided you haven’t defined a color for the links in their non-active, non-focused and non-hover state so it is probably getting your default color for links
CDL
CDL16mo ago
Nailed it, thanks Chris 🙂 problem solved
Want results from more Discord servers?
Add your server