Automatically underline links in text editor

Automatically underline links in text editor

by Tina Tanurovska -
Number of replies: 2

Dear moodle community,

Does anybody have an idea how I can set up linked text to be automatically underlined when added by a user via the text editor (also without mouse over on the course page)? This is in the meantime an Accesibility regulation in Germany and I can't seem to find a fast way to make this happen automatically. 

Snapshot from Topic

The content "Link zum Google" is linked and it only shows it's one when I go with the mouse over it. I want to achieve the second one "Linked content" to be underlined even without going with the mouse over.

Thank you in advance for your help!

Kind regards

Tina 

Average of ratings: Useful (1)
In reply to Tina Tanurovska

Re: Automatically underline links in text editor

by Matthias Giger -
Picture of Particularly helpful Moodlers
Depending on the theme you are using, you can add some custom CSS.

For all links to be underlined, use:
a {text-decoration:underline}

For only links in labels to be underlined, use:
.label_content a {text-decoration:underline}
Average of ratings: Useful (1)
In reply to Matthias Giger

Re: Automatically underline links in text editor

by Tina Tanurovska -

Thanks, you led me towards the right direction 😃

I was trying it out on the Boost Campus theme so .label_content wasn't the correct class. After spending a couple of minutes inspecting the code, I found out it's under .no-overflow . 

So in case anyone needs this on Boost Campus, please insert:

.no-overflow a {text-decoration: underline;} 

It works, I'm so happy (also with the page activity)! Thanks again!

Kind regards

Tina

Average of ratings: Useful (1)