Background on active links

  • Linda

    (@imprefectlin)


    3 years, 11 months ago

    I have just done a rehaul of my website, starting over from scratch with a fresh WP installation. This time I used Elementor to build the website instead of customising a theme since I really only need a simple one-page static site.

    My issue is that I’m getting a solid white background whenever I click on a link (so whenever links are active). I’d like to get rid of that. All links, whether in the top menu or within body text, do this.

    I’ve tried looking through all possible settings both in WP itself and Elementor. I’ve added a little bit of custom CSS (via Appearance > Customise > Additional CSS) to fix colours of a specific plugin, but this isn’t the issue as I’ve tried removing all my custom CSS and the white background on the links persists. Adding custom CSS such as
    a:active {background-color: transparent}
    also does nothing.

    If there’s any other info I need to provide, let me know. Thank you in advance if anyone can help!

    The page I need help with: [log in to see the link]

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

  • Hi, Linda, you need to use the pseudo focus selector to do that, like the following:

    a:focus {background-color: transparent}

    You may need to use !important as well depending on how the style rules are configured.

    Thread Starter Linda

    (@imprefectlin)

    Thank you for telling me about the focus selector! I ended up having to get a little bit more exact with the CSS, but it was indeed a focus selector that had to be changed. I finally managed to get it done.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Background on active links’ is closed to new replies.