Docs

[gabriellavanrij]

How would I change the blue square around my logo (upper left corner) that appears when I click on it? Also throughout the site.

http://gabriella.global/

See image.

Any help you can give would be super appreciated!

I am running a child version of X 4.3.4 on WP 4.4.2.

[gabriellavanrij]

Previous image did not upload correctly.

[Joao]

Hi Gabriella,

Please try going to your Appearence / Customizer / Custom / CSS and add the following code:

.x-brand {
    border-color: transparent !important;
}

a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
    outline: none;
}

In case it doesnt work, please provide us your WP-Admin credentials so we can have a better look at the issue.

Thanks,

Joao

[gabriellavanrij]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS:

a.x-brand.img {
    box-shadow: none;
}

Hope it helps 🙂

[gabriellavanrij]

Yes, it does! Thanks.

However, the thin blue line still appears in various places throughout the site.

For example, in the shop page, when I click on a product, there will be a thin blue outline. How do I remove that?

http://gabriella.global/shop

[Thai]

Hi There,

Please add the following CSS:

.wp-person a:focus .gravatar, 
a:focus, 
a:focus .media-icon img {
    box-shadow: none !important;
}

Hope it helps 🙂

[gabriellavanrij]

That worked. Thank you so much!

[John Ezra]

You’re most welcome!

[Author]

Posts