Kevin Powell - Community•16mo ago

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

CDLOP•16mo 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•16mo 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

CDLOP•16mo ago

Nailed it, thanks Chris 🙂 problem solved

Gaming

Programming

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