Please help me remove active link decoration on moodle 3.9

Please help me remove active link decoration on moodle 3.9

by Daniel Mukanz -
Number of replies: 9

Hi all 

I am currently using last release moodle 3.9. I have hardly tried to get rid of the colored background and botton line that appears on a link (including the logo) whenever I select and click on it (see the exhibit below). I change themes multiple times twas still there. I even add additional css under adaptable theme to remove the background and bottom line that appears behind active links and cleared up caches afterwards but still no change was made. It seems to me It's hard coded in native moodle but not sure though.  Can anyone have any clue about what can be done in such a case ?

LOGO link decoration

Kind regards 

Average of ratings: -
In reply to Daniel Mukanz

Re: Please help me remove active link decoration on moodle 3.9

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
What version of Adaptable are you using please?
Average of ratings: -
In reply to Gareth J Barnard

Re: Please help me remove active link decoration on moodle 3.9

by Celia Lahuerta -

Hi everyone!

I have the same problem with Adaptable latest version for Moodle 3.9.

Apart from the line, just after clicking the link, the text is underlined with a black line and few seconds after a rectangle appears all around the link text.

It's annoying and never before Moodle had shown this kind of effects!

If somebody could help me, I would appreciate it a lot!

Kind regards!

Celia

Average of ratings: Useful (1)
In reply to Celia Lahuerta

Re: Please help me remove active link decoration on moodle 3.9

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
This is the accessibility focus border from Boost. Please use browser development tools to work out the pseudo-selector with the value of the given attribute you want to use in the custom CSS.
Average of ratings: -
In reply to Gareth J Barnard

Re: Please help me remove active link decoration on moodle 3.9

by Daniel Mukanz -
I did it many times but still not working. The changes take effect in the pseudo-selector only but when put in the custom CSS, there is no effect
Average of ratings: -
In reply to Daniel Mukanz

Re: Please help me remove active link decoration on moodle 3.9

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers
Not working? In what way? What code are you using?
Average of ratings: -
In reply to Gareth J Barnard

Re: Please help me remove active link decoration on moodle 3.9

by Celia Lahuerta -
Yes, it could be the newest modifications about accessibility.... I'll try to modify in the custom CSS but I guess it should be easier... 

Some examples in pics

Recuadro en link

Here, black rectangle appears just after clicking the button

Recuadro en boton
Average of ratings: -
In reply to Celia Lahuerta

Re: Please help me remove active link decoration on moodle 3.9

by Roland Sherwood -
Hi Celia,

Here's the CSS rule that helped us resolve this same issue:

:focus {
outline: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
Average of ratings: Useful (4)
In reply to Roland Sherwood

Re: Please help me remove active link decoration on moodle 3.9

by Celia Lahuerta -
Hi Roland!

It works perfectly! I'm sooooo grateful!!! :DDD

I'm not very used to work with coding that's why it is hard for me to solve these kind of problems!

Thank you again for your help!

Kind regards!!!!!
Average of ratings: -