Removing Black Border/Background on Click

  • Resolved kyleccreech

    (@kyleccreech)


    3 years, 5 months ago

    Hello. I am looking to remove the black rectangular border when I click on my site logo. I also would like to remove the rectangular black box when I click on an item in the navigation menu (both pages in the header menu and social links in the footer menu). Is it possible to customize my site to allow for no black border or background when clicking the site logo and menu items?

    Thanks!!

    • This topic was modified 3 years, 5 months ago by kyleccreech.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    I couldn’t replicate this in Safari but found it when I switched to Chrome.

    If you add this CSS to “Customizer – Additional CSS” it should fix the logo outline …

    .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
outline: none;
}

    … and this should fix the black background on menu items …

    .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background-color: transparent;
}

    Let me know if that works and we’ll add an option for this.

    Thanks,

    Oliver

    Thread Starter kyleccreech

    (@kyleccreech)

    The CSS worked beautifully. Thank you so much, Oliver!

    Kyle

    Plugin Author Oliver Campion

    (@domainsupport)

    Hi,

    Just revisiting this … we’ve added two new options on the latest version of the plugin to deal with this …

    “Customizer – Header Options – Prevent Logo Border”

    … and …

    “Customizer – Nav Options – Prevent Black Background”

    So you should no longer require the above CSS.

    Oliver

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Removing Black Border/Background on Click’ is closed to new replies.