Blank Canvas (Seedlet child theme) Remove dotted borders on links

Hi @dxcmedia,

You can use CSS to remove the dotted outline from links, as explained here: https://css-tricks.com/removing-the-dotted-outline/

Hope that helps.

SOLVED! Thanks to you, @metabreakr. You are the best, my friend

A few days ago I was implementing the CSS rules described in these post without good results… The Blank Canvas template still showing the outlines after adding these CSS rules, but thanks to a comment on the post you shared with me, I found the solution that I was looking for

The comment on Aahan Krish in the same post on October 2013 got me the solution:

:focus {
  outline: none !important;
}

::-moz-focus-inner {
  border: 0 !important;
}

This solve inmediately the problem of the outlines on the links

Hi,

I am having a similar issue except blue underlines are showing up under all linked text and images and even after removing the colours in theme Customisation.

I have tried all of the below CSS code to no avail:

#content .entry a:link, #content .entry a:hover, #content .entry a:visited {border-bottom: none!important;}

a:link a:visited a:active a:hover .site-title {
    text-decoration: none!important;}

a {text-decoration:none!important;}

.entry .entry-content a {
  text-decoration: none!important;}

Link to image: https://postimg.cc/HJb4XT1q

Thanks in advance.

Hey @airtasker6!

It’s best not to add !important if it can be avoided. What’s the URL of your site so we can have a look at the existing code? We may not be able to give you the exact CSS but we’ll be happy to check and advise.

Hi @fresatomica,

Thanks for your reply.

The site URL is https://siliceoussolutions.com .

All of the images and links are underlined in a blue colour, including the site logo in the header.

Hi @fresatomica,

Thanks for your reply.

The site URL is https://siliceoussolutions.com .

All of the images and links are underlined in a blue colour, including the site logo in the header. On this page for example, https://siliceoussolutions.com/keap-platinum-partners/ , the accordion tab links are in a colour other than what is set in Elementor. There seems to be something in the theme which is overriding the colours.

Hi there,

Okay, your CSS isn’t working, because that underline isn’t added via the text-decoration property, but instead via border-bottom. So to override that you need to set the border on links to none:

a {
  border-bottom: none;
}

That code works for all links I can see on your site.

(P.S., generally it’s best to always create your own thread in the forums, rather than posting to an old, resolved thread created by someone else, even if you think your issue is similar/the same ?? )

Hey @kokkieh,

Hallelujah! That has worked to remove the underlines. ??

> generally it’s best to always create your own thread in the forums
Noted. I shall do that in the future.

Muchas gracias for your help and ‘av a lovely weekend.

Cheers.

Glad I could help ??