How to remove border lines on logo and images when you click on them

  • Unknown's avatar
    thiartn · Member ·

    Hi could someone please advice I want to remove border lines when clicking on logo and menu titles and images, where must I go to change this?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    josegreyes94 · Member ·

    Hello hello!

    Are you referring to sleeptown.co.za?

    If so, you will have to go to the WordPress.org forums for this matter. I suggest mentioning what Theme you’re using if you do so!
    (Though the Theme appears to be OceanWP, in which case I highly recommend posting at their forums – https://wordpress.org/support/theme/oceanwp/ )

    The WordPress.com forums are tooled to support websites hosted with WordPress, whereas your website is hosted with another provider (but evidently uses the self-hosted WordPress software). The WordPress.com forums won’t quite be able to help you.

    On a personal note, I’ve found a simple solution that at least works for me. You can use this as a temporary fix, as I imagine there are cleaner approaches.

    From your Dashboard, go to Appearance > Customize > Additional CSS (or “Custom CSS”).

    In there, enter the following CSS:

    a:focus {
    outline: 0 !important;
    }

    Pros:
    – Removes the border lines.

    Cons:
    – It uses “!important”, which is sometimes mildly inconveniencing for developers, although I’ve just noticed that the creators of the Theme curiously used “!important” as well, so this just so happens to be necessary. (to be sure, I suggest testing it without “!important” first)

    That should solve your problem!

    If it doesn’t, or you have any more questions, I suggest you head to the WordPress.org forums or OceanWP’s support forums.

    I hope this helps; take care and best of luck!

  • The topic ‘How to remove border lines on logo and images when you click on them’ is closed to new replies.