Solved SP Page Builder

How to remove the underline below a link in an image overlay?

Asked by Amar Guillen 2 years ago Last activity 2 years ago

Hi,

I would like to remove the underline below a link in an image overlay element.
Please would you tell me how to do?

Here is the page: https://www.guillenphoto.com/en/
Scroll down until you read "Different Styles to Suite your Needs". 5 boxes are displayed.
I would like to remove the underline to gain simplicity in the reading.

Thanks for your help.
Sincerely,
A. Guillen

Accepted answer

Marked as the solution

Amar Guillen Asked this

2 years ago

Hi Paul,

thanks for your prompt answer. I appreciate it.

It works fine. That is perfect.

Thanks for all
Sincerely,
A. Guillen

6 more replies

Mehtaz Afsana Borsha Staff

2 years ago

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

Paul Frankowski Senior Staff

2 years ago

Amar, This should help for all those addons:

.overlay-image-title h4 > a, .overlay-image-title  a,
.overlay-image-title p > a,  .overlay-image-title .sppb-addon-title > a  {
  text-decoration: none;}

Paul Frankowski Senior Staff

2 years ago

BTW

If you want to remove underline style in all links from all components - use that

#sp-component a {text-decoration: none;}

You're welcome.

Amar Guillen Asked this

2 years ago

Hi Paul,

your last solution seems to be the best for me. I do not want to have the underline on any link.

I tried but it does not work. I have the underline.

Do you have any idea why?

Thanks for all
A. Guillen

Paul Frankowski Senior Staff

2 years ago

It's worth to use all CSS that I shared so far. Becuase sometimes "deeper" classes may have underline.

You can try that

#sp-component a {text-decoration: none !important;}

Amar Guillen Asked this

2 years ago

Hi Paul,

it works now.
Thanks a lot for your help.

Sincerely,

A. Guillen