Docs

[janequade]

I cannot figure out what is wrong with this custom CSS for the buttons.

.x-btn-alt-light {
color: #e4e1d0 !important;
border-color: #e4e1d0 !important;
background: transparent !important;
}

.x-btn-alt-light a:hover {
color: rgb(228, 225, 208) !important;
border-color: rgb(219, 104, 96) !important;
background: #db6860 !important;
}

.x-btn-alt-dark {
color: #434f5b !important;
border-color: #434f5b !important;
background: transparent !important;
}

.x-btn-alt-dark a:hover {
color: rgb(228, 225, 208) !important;
border-color: rgb(219, 104, 96) !important;
background: #db6860 !important;
}

I will send credentials in next one marked private

[janequade]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! But would you mind to clarify what is the issue? Base on your custom css itself, I assume the issue is with the :hover state.

That is because you added an a on the selector, it should be:

.x-btn-alt-light:hover {
color: rgb(228, 225, 208) !important;
border-color: rgb(219, 104, 96) !important;
background: #db6860 !important;
}

.x-btn-alt-dark:hover {
color: rgb(228, 225, 208) !important;
border-color: rgb(219, 104, 96) !important;
background: #db6860 !important;
}

Cheers!

[Author]

Posts