Docs

[caitlinh]

I want one type of custom button for my Promo boxes that is just purple with white font and NO hover effect when you mouse over it. I just want it to stay plain.

In Customizer I have:

.x-promo .x-btn {
box-shadow: none;
background: #472D79;
color #472D79;
}

How do I take the hover color change out?

[Friech]

Hi There,

You can simple add the hover state of x-promo button on your custom CSS selector.

.x-promo .x-btn,
.x-promo .x-btn:hover {
box-shadow: none;
background: #472D79;
color #472D79;
}

Hope it helps, Cheers!

[caitlinh]

I should reword – I want to REMOVE any hover effect so that when you mouse over and click the button nothing changes. Access info in private reply below.

[caitlinh]

This reply has been marked as private.

[Christopher]

Hi there,

Please add this as well:

.x-btn {
 
    padding: 0.563em 1.125em 0.813em !important;
}

.x-btn, .x-btn:hover, .button, .button:hover, [type="submit"], [type="submit"]:hover{
   border-width: 0px !important;
    text-shadow: none;
    color: #fff;
}

Hope it helps.

[Author]

Posts