Docs

[robvandalen]

Hi,

I want to remove the drop shadow from the text on a button, I found code in the forum, and it works great, but only not on my homepage.

I used this code in the customizer:

.x-btn, .x-btn:hover, .button, .button:hover, [type=”submit”], [type=”submit”]:hover {
text-shadow: none;
}

Should I add something to make it work on my homepage too?

thanks in advance!

[robvandalen]

This reply has been marked as private.

[Paul R]

Hi,

You can try this code instead.

.x-btn, .x-btn:hover, .button, .button:hover, [type="submit"], [type="submit"]:hover {
      text-shadow: none !important;
}

Hope that helps.

[robvandalen]

Like a charm!
Thanks again.

In relation to my button styles, my client reports another issue, that I encountered myself too once, briefly unfortunately. In the attached screenshot, you see their firefox browser that shows a ‘button style’ border around a menu item, when switching to another page.

It feels like it’s some sort of bug, especially because I didn’t see it in my Chrome browser (in which I design).

Is this something that you’ve seen before?

[Paul R]

Hi,

To remove it, you can add this under Custom > CSS in the Customizer.

.x-navbar .x-nav-wrap .x-nav > li > a:focus {
    border:0;
    outline:none;
}

Hope that helps.

[robvandalen]

Fixed!
thanks

[Joao]

Great to hear it.

Let us know if you need help with anything else.

Thanks

Joao

[kelly_p]

This reply has been marked as private.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-btn, .button, [type="submit"] {
   text-shadow:none;
}

Hope that helps.

[kelly_p]

This reply has been marked as private.

[Jade]

Hi there,

Kindly check the current CSS codes that is in the customizer because there is one block of code that has a missing closing curly brace } which stops the other codes from working.

[kelly_p]

Ahhhhh that works now! Thankyou so much!
Kelly

[Rad]

You’re so much welcome!

[Author]

Posts