# Visited link color

**URL:** <https://colorlibsupport.com/t/visited-link-color/13752>\
**Category:** Shapely\
**Created:** [December 21, 2016, 2:42pm UTC](https://colorlibsupport.com/t/visited-link-color/13752 "2016-12-21T14:42:15Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![kasper446](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/k/77aa72/32.png) [@kasper446](https://colorlibsupport.com/u/kasper446)\
**Post date:** [December 21, 2016, 2:42pm UTC](https://colorlibsupport.com/t/visited-link-color/13752/1 "2016-12-21T14:42:15Z")

</div>

I have changed the link color and link hover color under Shapely Options \> Layout Options  
But the visited links still appear purple. I can’t seem to get this fixed.

The following css works, but also affects the top menu bar. Also it overwrites the hover-effect.

```auto
 body a:visited {
    color: #b24432;
}

```

Can you help with a way to set the visited links in the content area to not be purple, but to be the same colors as set in the layout options?

Here is the above code added and it affects the menu:  
[lms.dullboy.dk](http://lms.dullboy.dk)

---

<div class="post-metadata">

**Author:** ![kasper446](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/k/77aa72/32.png) [@kasper446](https://colorlibsupport.com/u/kasper446)\
**Post date:** [December 21, 2016, 2:45pm UTC](https://colorlibsupport.com/t/visited-link-color/13752/2 "2016-12-21T14:45:10Z")

</div>

There is a link on this page:  
[http://lms.dullboy.dk/om-projektet/baggrund/](http://lms.dullboy.dk/om-projektet/baggrund/)

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [December 22, 2016, 12:04pm UTC](https://colorlibsupport.com/t/visited-link-color/13752/3 "2016-12-22T12:04:33Z")

</div>

Hi @kasper446,

Could you put a link so I could see?

The link provided does not work.

Thanks,

Cristian

---

<div class="post-metadata">

**Author:** ![kasper446](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/k/77aa72/32.png) [@kasper446](https://colorlibsupport.com/u/kasper446)\
**Post date:** [January 3, 2017, 8:31am UTC](https://colorlibsupport.com/t/visited-link-color/13752/4 "2017-01-03T08:31:23Z")

</div>

Hi Colorlib

Here is another link: [http://lms.dullboy.dk/om-projektet/projektets-baggrund/](http://lms.dullboy.dk/om-projektet/projektets-baggrund/)

The problem is that the font color in the top menu has changed to red too. I would want it to not be affected.

Thank you in advance,  
Kasper

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [January 6, 2017, 9:29am UTC](https://colorlibsupport.com/t/visited-link-color/13752/5 "2017-01-06T09:29:34Z")

</div>

Hi,

The best solution it would be if you could give a class to your link and then refer that class in the css with the code:

```auto
.class a:visited{
color:#fff;
}

```

If you use body visited, as you saw, it will affect all your links.

Thanks,

Cristian