Help creating a button on the Zeal GP Theme for the hero header

[Peter]

Hello,

I have a button using the basic css, however I’d like to give it a hover effect but anytime I do it is not working. The css I used for the hover is identical to the other buttons so I figured it would work.

.btndonate2, #nf-field-4{
	display: inline-block;
	border-radius: 5px;
	background: #ef3e42;
}
.btndonate2 a {
	color: #ffffff !important;
	border-radius: 5px;

}
.btndonate2 a:hover {
	background: #8C1C1D;
	border-radius: 5px;
}

It seems to completely ignore the a portions of the button and I cannot figure out why.

[Leo]

Hi there,

Your site requires login and password to view.

Any chance you can unlock it or provide the info through Account Issues here?
https://generatepress.com/contact/

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Peter]

Hi Leo,

I sent it via the link you provided.

[Leo]

Does this CSS help?

.page-hero a.btn:hover {
    background-color: #fff;
}

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Peter]

Thank you so much! Worked perfectly.

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts