How To Remove The Underline Below A Link In An Image Overlay?
Amar Guillen
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
Amar Guillen
Accepted AnswerHi Paul,
thanks for your prompt answer. I appreciate it.
It works fine. That is perfect.
Thanks for all Sincerely, A. Guillen
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me a screenshot of your issue?
-Regards.
Paul Frankowski
Accepted AnswerAmar, 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
Accepted AnswerBTW
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
Accepted AnswerHi 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
Accepted AnswerIt's worth to use all CSS that I shared so far. Becuase sometimes "deeper" classes may have underline.
OR
You can try that
#sp-component a {text-decoration: none !important;}