I think this rule is applying a blue bar on the <a> element:
a:active {
background-color: #0069b4 !important;
}
You should add a rule in a child theme style.css that is the same but change the color or add:
a:active {
background-color: transparent !important;
}
To make it more specific try:
.textwidget a:active {
background-color: transparent !important;
}
You can find a plugin to add custom CSS.
Wow! That was easy. Thank you so much.
Can I just ask (as I am really new to this) where you found that rule that was applying the blue bar?
Thanks again
Everything’s easy if you know the answer.
Most browsers these days have developer tools. Right click on an element and select “inspect element” or whatever.
I use a Firefox extension called Firebug. It enables you to inspect the CSS of any element on the page and even change it live to test any edits. It can help you work out how things are achieved on other sites.
Hey,
Thanks again.
Did know about Firebug. Although had mostly used Chrome and the Inspect tool there.
So, took a closer look at Firebug. Seems amazing. Although in truth, I still don’t see that code that you picked out.
Will keep at it!
Regards
Ian
Actually, did locate it.
But its hard to do so when there is so much styling that relates to a single element (as seems to be the case!)
