Removing an underline on images?

Support
#1

I recently followed this thread to underline my hyperlinks, and love it.

But now I see underlines on linked images as well. Is there a bit of CSS I can add to remove from images?

Remove link styling from Table of Contents?
#2

Attached are a couple examples of what I’m seeing:

#3

Hi @jayclouse,

Thank you for writing in, please find this block of custom CSS on your Theme Options > CSS

.entry-content a, .x-main.left a {
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid #00aeff;
    box-shadow: inset 0 -2px 0 #00aeff;
    color: #414141;
   /*transition: background 0.1s cubic-bezier(.33,.66,.66,1);*/
}

And update the selector part to:

.entry-content a:not(.x-image), .x-main.left a:not(.x-image)

That should exclude the image link.

Hope it helps,
Cheers!

#4

This is great! What about Buttons? I saw that happening now too:

#5

Hey @jayclouse,

The button is actually a creative button. You need to use this custom css:

.entry-content a.x-creative-cta {
    border-bottom: none;
    box-shadow: none;
}

We would love to know if this has worked for you. Thank you.

#6

Ah, yes that did work for that specific case but I have buttons as well:

#7

Hello @jayclouse,

You can update the code and use this one to include the buttons:


.entry-content .x-anchor.x-anchor-button,
.entry-content a.x-creative-cta {
    border-bottom: none;
    box-shadow: none;
}

We would love to know if this has worked for you. Thank you.

#8

Got it! Thank you!

#9

You are most welcome!

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.