How to change color of visited links

Design help General
1

I looked at the forum help on changing visited links but must be missing something as I still have blue visited links. I want to change the color to more appropriate color for the website.

----------https://preview.webflow.com/preview/canslertest1115?preview=78092de1445af03f84deab6b14be9f46

Here is my public share link: LINK
(how to access public share link)

2

Hi it’s not covered by Webflows’ UI at the moment, yet. You can add custom code at site level (in the dashboard, on the custom code tab, head section).

Code like this:

<style>
a:visited {
color: #4a4a4a;
}
</style>

or

<style>
a.classname:visited {
color: #4a4a4a;
}
</style>

(4a4a4a is a color, gray, put your own.)

.classnmae is the name you give to a link or link block. Like this:
http://vincent.polenordstudio.fr/snap/l818k.jpg
So here it would be a.sharing-cta:visited

2 Likes
4

Not being a coder this is what I did but still no change.

1800×1200 88.7 KB

5

Remove every CAPITAL letter in class names and replace spaces with “-”

1 Like
6

Perfectly fine, Webflow is the place for us who don’t want to be coders, right? :slight_smile:

1 Like
7

Thank you! To clarify like this?

1800×1200 90.1 KB

8

Exactly right :smile:

9

Then I still have an issue. I must be posting this in the wrong place. I pasted this code in the custome code section under head code and then saved. Is there somewhere else that it needs to go? Thank you.

10

Hey @Hassyman

I missed something sorry here is the correct code paste this in the 1st section of custom code

Best
Ahmad

11

Thank you!

1440×1440 132 KB
I am still missing something. Here is what I did.

12

Hi @Hassyman

Just checked your website seems you entered wrong class names

Here is the new code

Note: Custom code only shows up on the live site not in the designer.

If this does not work ill be happy to assist further

Best
Ahmad

13

THANK YOU! I am about to give up. I got the color to be what I want but now Webflow will not show hover color on published site, only in design software.

14

Hey @Hassyman

Glad i could help sorry about the wrong code before had a very tiring day.

The hover seems to be working fine for me did you figure it out? :smile:

Best
Ahmad

15

Hover works if I delete the custom code. What is published right now is with the code deleted.

16

Can you add the code and publish the site so i can figure out the error :smile:

17

Done. I don’t want visited links to change color but do want hover to show when cursor is hovering. Color for link and visited link is the same.

18

Wait i dont think im understanding you dont want the links to change color when you hover if so what do you want to show to indicate its a hover effect?

19

I want the color to be gold, when hovered over then turn white, then visited the same gold.

20

Huh that’s weird i guess custom code might be causing this try adding this code:

Hope this helps :smile:

Best
Ahmad

21

Thank you Thank you Thank you!!! Sorry to be a little slow!