Streaming live at 10am (PST)

How to change color of visited links


#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:

So here it would be a.sharing-cta:visited


Change a:visited links color / not working [ Custom code route ]
#4

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


#5

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


#6

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


#7

Thank you! To clarify like this?


#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!

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!