Docs

[ZerotoOne]

hey there,
I’d like to replace the underline http://prntscr.com/cqtwzs with a dotted underline like this http://prntscr.com/cqtxg8 on my whole page.

thanks for your help! 🙂

[Rupok]

Hi there,

Do you want to apply this to all links throughout your site?
You can add this under Custom > CSS in the Customizer.

a {
  border-bottom: 1px dotted #000;
  text-decoration: none !important;
}

Hope this helps.

[ZerotoOne]

thank you, but I got the problem, that the dotted lines are now appearing under all sorts of texts

[Paul R]

Hi,

Can you provide us the url where we can see the issue.

Thanks

[ZerotoOne]

This reply has been marked as private.

[Friech]

Hi There,

Please update the code to this:

footer a:not(.x-img) {
	text-decoration: none !important;
	border-bottom: 1px dotted #333 !important;
}

If that does not work, please specify which of those link text that you want the dotted underline.

Thanks.

[ZerotoOne]

thank you! but why are the dots looking so weird? http://prntscr.com/cr9qc9 at the end of most of the underlines there is a weird longish dot

[Rad]

Hi there,

I think it varies on browser and OS. I checked on my other device and I don’t see that, but I can see that on Windows 10’s Chrome.

And there is no available fix when it comes to rendering issue, unless browser developers fix it.

Thanks!

[ZerotoOne]

thank you, but I took a screenshot of another site and the underline worked properly in my browser

[Rue Nel]

Hello There,

This is beyond of our control. Most browsers do have there different method of displaying the output.
If you need anything else we can help you with, please let us know.

Cheers.

[Author]

Posts