Docs

[EFC fan]

Hi,

I’m using Ethos, and this code;

.x-btn, .x-btn:hover, .button, .button:hover, .x-btn.x-btn-real, [type="submit"], [type="submit"]:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

Only it’s giving me the opposite of what I want.

The above code is removing the button shadows ALL of the time, until I hover over the button, then it’s giving me a button shadow.

What I want is to have a shadow ALL of the time, UNTIL I hover over it.

Is this possible?

Also, is there a way to make the shadow smaller and more opaque?

[Nico]

Hi There,

Thanks for writing in.

Would you mind sharing us the URL so we could check your setup closer.

Thanks.

[EFC fan]

This reply has been marked as private.

[Thai]

Hey There,

Please add the following CSS:

.buttons .x-btn.x-btn-real:hover {
    box-shadow: none;
}

Hope it helps 🙂

[EFC fan]

Hi,

Thanks for the help, but that’s not what I’m after.

I want there to be a shadow on the button ALL the time, apart from when I hover over the button.

And also, is there a way to make the shadow smaller and more opaque?

[Lely]

Hi There,

Please update this custom CSS:

.x-btn, .x-btn:hover, .button, .button:hover, .x-btn.x-btn-real, [type="submit"], [type="submit"]:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

To this:

.x-btn:hover, .button:hover, .x-btn.x-btn-real:hover, [type="submit"]:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

Please also add this:

.x-btn.x-btn-real {
    box-shadow: 0 0.25em 0 0 hsla(195,47%,50%,0),0 4px 5px rgba(0,0,0,0.2);
}

Hope this helps.

[EFC fan]

Yes, perfect thanks 🙂

[Nico]

Happy to hear that.

Feel free to ask us again

Thanks.

[Author]

Posts