Visited link color change

Hi :slight_smile:

How do the change the color for visited links. from blue to text font color?
I would like my FB, IN, G+ icons to have the same color as the text also after the sites has been visited.

www.lonerosenkilde.dk

Thanks
Lone

Hi Lone,

Did you mean something like this http://prntscr.com/aa3g7p ? If so, you can add the css code below to the styles.css in your child theme or you can also use simple custom css plugin:

i.fa {
    color: rgb(94, 94, 94);
}

Regards,
Awan

Hello there,

Thank you for asking.

In order to achieve that objective, could you please try to add the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

a .fa,
a:visited{
  color: #5e5e5e;
}

Let me know how it goes.

Regards,
Kharis

Hi Both,

The CSS

i.fa {
    color: rgb(94, 94, 94);
}

Also changes the color of the service icons.

The CSS

a .fa,
a:visited{
  color: #5e5e5e;
}

Also changes the color of the top menu links.

Would it be possible just to target the social icon on the kontakt page and the hover effect remains as orange?

Many thanks
Lone

Hi,

So we have to use the ID of your kontakt page. Please try this:

.page-id-2697 a:hover i.fa {
    color: #ff6b53;
}
.page-id-2697 i.fa {
    color: #5E5E5E;
}

Beautiful, Thank you!

Funny thing, now my Service icon goes blue when I hover them?

Hi,

I’ve just checked your site and the css code in above is not related with the service icon. Could you tell us what color should be displayed when you hover the icons?

Original the service icons didn’t have a hover effect.

Would it possible to make the icons link to the same page as the service headline text?

If not, I don’t think the icons should have the hover effect.

Many thanks for your great support.
Lone

I see, your headline text for the service widget is not displayed, did you hide it?
here is the css code to change the service icon color when it hovered:

.service-icon:hover {
    background: #ff6b53;
}