[Francisco CParticipant]

Hi!

Can you provide me with a CSS to remove the dotted underline from my links? I want them all away, so I can link some images without those appearing.

Thanks!

[RadModerator]

Hi Francisco,

Thank you for posting in! Could you give us a url address we can check? Depending how it looks, we may give you different css.

Thank you.

[Francisco CParticipant]

Sure thing!

My site is http://www.cienciaencien.com/ and the underlines appear on the “crédito de la imagen” below the post main image, and also under the share service icons… I would like non of them to have a dotted (nor any) underline.

Thank you for your support!

🙂

Francisco.

[SupportMember]

Hi Francisco!

Thank you for the link.

You can add this on Customizer > Custom > CSS to remove the dotted line below the text:

.format-standard .entry-content a:not(.x-btn):not(.x-img-thumbnail) {
border-bottom: none;
}

I hope that helps.

[Francisco CParticipant]

Like a charm!

Thank you very much!!!

Kind regards.

[ChristianModerator]

You’re welcome Francisco.

[Francisco CParticipant]

🙂

[ChristianModerator]

🙂

[alistairParticipant]

Hello, can you help me understand how to remove the underline from text links, and add back a coloured dotted line on hover?

Thanks!

[LelyModerator]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with exact URL where you want this to implement. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Always,
X

[alistairParticipant]

This reply has been marked as private.

[alistairParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

You can add this under Custom > CSS in the Customizer.

/* add dotted line to links in main content */
body .x-main a {
  border-bottom: 1px dotted #ff433f;
}

/* remove text shadow */
body .x-btn {
   text-shadow:none !important;
}

Hope that helps.

[alistairParticipant]

Hi I added that code and it works a treat, however I do not want the underline to appear on buttons and other elements, only text based links.

Can you show me how to exclude the underline from buttons etc please?

Thanks
alistair

[DarshanaModerator]

Hi there,

You can add this under Custom > CSS in the Customizer.

.x-btn {
    border-bottom: medium none !important;
}

.x-btn:hover {
    border-bottom: medium none !important;
}

Hope that helps.

[Author]

Posts