Keyline appearing around menu titles when I click them

Hi @katherinemasters – it’s fairly difficult to troubleshoot this without a URL or a screenshot. Could you provide that for us?

Hi @katherinemasters – first of all a reminder to not share passwords. I’ve asked an admin to remove this again. I recommend https://snag.gy for easily sharing screenshots – please follow the instructions on the page, then paste the URL in this chat. It works with Chrome, Firefox and Edge. (I’m also not entirely sure it’s necessary to hide this test site behind a password.)

That said, this is the CSS that is causing the outline:

Link to image: https://cld.wthms.co/akYXnk

This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
?

/* fix the outline colour of menu items */
?
a:focus, 
button:focus, 
.button.alt:focus, 
input:focus, 
textarea:focus, 
input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="url"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus {
  outline-color: #ffffff;
}

The #ffffff in there is white, but if you’d like another colour, you can find the hex values here: https://htmlcolorcodes.com/
?
If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

Hi @katherinemasters I’ve archived your post and temporarily flagged your account as a precaution.

18 hours ago you posted credentials for a site. Temporary site, staging site or real site that’s never a good idea and you have had many Not Nice ™ people log into that site. Please consider delousing it and please do not repeat that again. It’s not safe.

Edit: Even if that’s for just access, please don’t do that. These are volunteer support forums and putting a barrier like that doesn’t help people helping you.

• This reply was modified 5 years, 4 months ago by Jan Dembowski.

Hi Jan and Job,

Thanks so much for the warning, I won’t share the site again (don’t really know why Flywheel have placed codes on demo sites but not sure how to get around it. Will attach image next time.

Thanks Job for the breakdown on how to get rid of these squares! I will follow that. Thanks again,

Katherine