Support » Theme: Twenty Thirteen » Twenty Thirteen: How to remove gray box around DIVs?

  • Hi All:

    I have a site in progress using the twenty thirteen theme, here: .

    The navbar text links to anchors in the same page. When these nav links are clicked on twice (not once, oddly) the anchor divs are surrounded by an ugly gray box (this is in both Chrome and Safari on Mac).

    I assumed this had something to do with a:visited or a:active CSS code somewhere in the theme, but haven’t been able to eradicate the box. Anyone have an idea as to what might be causing this?

    Thanks for your help!

    P.S. Just to test, I checked to make sure the gray boxes remained when I switched to a completely different theme (they do).

    So I’m thinking that narrows it down to something in twentythirteen’s style.css…but I can’t find it!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi Kaboomer,
    I’ll be glad to assist you today.

    I tried to check the issue but clicking the links in the navbar leads to a localhost page, making me unable to double-click and debug your problem.

    First, please update the anchors to link to the proper address and then let me know.

    Alexandru Doda



    Forum Moderator

    Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

    Thanks, Alexandru – sorry abou the localhost links; I’ve fixed that issue, so now the navbar links lead to the correct spots.

    As esmi said, use a child-theme or plugin.

    Looks like a webkit user agent style:

    :focus {
    outline: -webkit-focus-ring-color auto 5px;

    To remove it add none to the selectors attribute when focused:

    .videowrapper:focus, .e4mwrapper:focus, {
    outline: none;


    batharoy, that looks like it did the trick. Thanks so much!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Twenty Thirteen: How to remove gray box around DIVs?’ is closed to new replies.