Remove Hyperlink underlines from Images in the Rich Text Editor, but not from Text

Tourist
6 0 1

Hi there,

 

Please be gentle, I am a novice! :-)

 

Within my blog posts from my Shopfiy store (www.artofthemovies.co.uk), when I hyperlink from text, I would like them to be underlined.

 

But, when I hyperlink from an image, I would link the image NOT TO BE underlined.

 

I can see questions on how to turn underlines on or off for both, but not just for images.

 

Can I anyone help?

 

I am using the DEBUT theme.

 

With thanks in anticipation,

 

Adam.

0 Likes
Shopify Partner
34 3 9

Hi @Adam_Kennedy ,

 

Could you please provide a screenshot of an example or a specific blog post link. I am on your website and I can't see none of them.

 

Are you refering to this by any chance ? 

 

PDF logo U.S. Poster Names and Sizes - PDF version

 

I'll wait for your answer hoping to be able to help you,

Sarah

Sarah | Shopify Expert @ Hello Web
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Need further assistance ? Don't wait, hire us !
0 Likes
Tourist
6 0 1

Hi @Helloweb , thanks for responding.

 

A good simple example is actually my 'About Us' page. If you scroll down, you'll see some text hyperlinks underlined (great), but then you'll see some images linking to our Instagram, Facebook and Pinterest pages that are also underlined (bad).

 

The same thing happens on my blog pages.

 

Regards,

 

Adam.

0 Likes
Tourist
6 0 1

shopify.png

0 Likes
Tourist
6 0 1

@Helloweb- image just uploaded to show what I mean.

0 Likes
Shopify Partner
34 3 9

Oh, I got you ! 

 

Have you tried to left click, select the whole thing and select underline ? Are these social icons images or an actual app ? 

 

If you want me to have a quick look to it, please send an access request at sarahanwar.ch@gmail.com

 

Sarah

Sarah | Shopify Expert @ Hello Web
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Need further assistance ? Don't wait, hire us !
0 Likes
Tourist
6 0 1

@Helloweb 

 

They are images and it happens with any image that I then decide to create a hyperlink from.

 

I am hoping that there is a style setting that I can use to turn underlines off for image hyperlinks?

 

Adam.

0 Likes
Tourist
6 0 1

Would this do it...

 

a:not(.img) {
border-bottom: 0px solid currentColor;
padding-bottom: 1px;
}

 

in theme.scss.liquid?

1 Like
Shopify Partner
34 3 9

Hi @Adam_Kennedy

 

I've tested it, indeed there are no options offered for this theme to remove the underline for images.

 

As a new account owner, you're allowed 1 hour free for small customization task with Shopify. I suggest you to reach to them, they will probably be able to remove it for you quickly.

 

If you need further assistance and/or have other questions, please feel free to reach.

 

Hope you found this helpful, if so please click "like" below to let me know.

Sarah

Sarah | Shopify Expert @ Hello Web
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Need further assistance ? Don't wait, hire us !
0 Likes
New Member
1 0 1

What Adam_Kennedy shared worked perfectly for me for Simple theme. Thanks!

a:not(.img) {
border-bottom: 0px solid currentColor;
padding-bottom: 1px;
}

1 Like