Background Color change…

  • Hello All,

    I hope you can help.

    I have been trying to remove the background color (or make it transparent anyway) when a hyperlinked image is clicked and is ‘active’.

    The problem relates to the three icons at the top of the page here:

    https://www.peopleandthesea.org/dates-and-prices/

    I assume I need to edit the CSS but I am new to this and still don’t know where to do so exactly…

    Am using Nirvana theme.

    Many Thanks in advance…

    Ian

Viewing 5 replies - 1 through 5 (of 5 total)

  • 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.

    Thread Starter ianmills78

    (@ianmills78)

    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.

    Thread Starter ianmills78

    (@ianmills78)

    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

    Thread Starter ianmills78

    (@ianmills78)

    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!)

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Background Color change…’ is closed to new replies.