We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

CSS help for a link at articles

Featured Lock Resolved Issue
Hello,
I need a very simple think where I need your help. My site http://www.prepper.gr needs a simple underline at every link ONLY inside the text.

Eg at the article https://prepper.gr/peristatika/economic-collapse-prepare , I need at EVERY text link to be just underlined, and ONLY in the article links (not at menus, or modules).

What do you suggest please?

9 Answers

Pavel

More than a month ago #Permalink
I think that's for the best.

.article-details p a,
.article-list p a {
text-decoration: underline;
}
.readmore a {
text-decoration: none !important;
}

Mehtaz Afsana Borsha - Staff

More than a month ago #Permalink
Hi,
Do you want it like this?
http://prntscr.com/rpepw0
And please mention which portion you want like this or give a screenshot
Thanks

Rashida Rahman - Staff

More than a month ago #Permalink
Hi,
Try to apply this snippet to your custom CSS and let me know if it works.


.article-details a{
text-decoration: underline;
}
.article-details .article-header a{
text-decoration: none!important;
}


Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn

Best Regards

Kyriakos

More than a month ago #Permalink
Hello,
I am using custom.css in template folder. I added that code, but it does NOT work. Check a simple article: https://www.prepper.gr/lexiko/xrapa-xroypa

It does not even underline on hover. Please advise.

Rashida Rahman - Staff

More than a month ago #Permalink
Hello,
I am using custom.css in template folder. I added that code, but it does NOT work. Check a simple article: https://www.prepper.gr/lexiko/xrapa-xroypa

It does not even underline on hover. Please advise.

Screen Shot 2020-03-30 at 6.26.20 PM.png
Hi, Can you please try my snippet and clear your system and browser cache?

And recheck the steps of creating custom.css file.
Custom.css file create steps

https://prnt.sc/rc7obg
https://prnt.sc/rc7pnm
https://prnt.sc/rc7p4p

Attachments (1)

  • Screen Shot 2020-03-30 at 6.26.20 PM.png
    Screen Shot 2020-03-30 at 6.26.20 PM.png 127.6 KB

Kyriakos

More than a month ago #Permalink
I think that's for the best.

.article-details p a,
.article-list p a {
text-decoration: underline;
}
.readmore a {
text-decoration: none !important;
}


That finally worked! Thank you so much for that. It will be such great if you help me with one more CSS rule where to REMOVE the underline when hovered the link.

Rashida Rahman - Staff

More than a month ago #Permalink
I think that's for the best.

.article-details p a,
.article-list p a {
text-decoration: underline;
}
.readmore a {
text-decoration: none !important;
}


That finally worked! Thank you so much for that. It will be such great if you help me with one more CSS rule where to REMOVE the underline when hovered the link.


Add this code to your custom CSS for hover change.

.article-details p a:hover,
.article-list p a:hover {
text-decoration: none;
}

Kyriakos

More than a month ago #Permalink
Thank you!


There are no replies made for this post yet.
Be one of the first to reply to this post!

123

Templates

326982

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us