[Resolved] Additional CSS Link Style

[Samuel]

I use the following CSS style to get the following link style: http://prntscr.com/kzf5t2

.inside-article a { border-bottom: 1px solid #88a0ba; }
.inside-article a:hover { border-bottom: 1px solid #88a0ba; }

But unfortunately I also get this line with pictures (http://prntscr.com/kzf5y3), because they also contain a link. I could now define an exception for each image. But is this the best practise? Isn’t there a definition that only includes text links?

[David]

Hi there,

you could use the text-decoration: underline; property instead of border, one of the downsides is the method of changing (or maintaining) the color on hover is not very well supported.

The other method would be to make the rule more specific: eg.

.inside-article p a, .inside-article li a, .inside-article p a:hover, .inside-article li a:hover   { 
    border-bottom: 1px solid #88a0ba; 
}

This will do the same as above but only only links within a paragraph or list.

[Samuel]

Amazing, thank you very much!

[David]

Glad i could be of help.

[Eva]

Hi, I have tried this, and it works as long as I am in the customizer mode. I leave the customizer… no underlining. How can this be possible?! I have tried various options, same thing every time…
Any idea?

Thanks,
Eva

[Leo]

Usually when something works in customizer preview and not on live site, it’s a caching issue.

Can you link me to the page with the links in question?

Feel free to open a new topic and use the private URL field as well.

Let me know 🙂

[Eva]

Hey Leo,
It’s the same site as the other issue that you just resolved for me 🙂
I just tried another browser… no luck. So probably no caching issue…

Thanks!

[Leo]

I’m not seeing a link (on the home page at least).

Might be best to start a new topic anyways and we will sort it out 🙂

[Eva]

Ok, just one last try before I open another topic. On the home page there is a link in the last sentence: Lees hier hoe ik je daarbij kan helpen.
This is who I would like to underline (dotted) the links 🙂

[Leo]

I’m not seeing David’s CSS being added.

New topic would be the best 🙂

[Eva]

Hi Leo, sorry for the delay…
I will start a new topic now.

[Eva]

The CSS was there, but not in the right way, I guess. Just added it again and now it’s working fine!
Thank you!!

[Leo]

No problem 🙂

[Author]

Posts