Archived topic

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

5 replies · Started by Peter on January 20, 2020

Viewing posts 1–6 of 6

January 20, 2020 at 1:41 pm #1138390

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.

January 20, 2020 at 2:16 pm #1138412

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 :)

January 21, 2020 at 7:06 am #1139251

Hi Leo,

I sent it via the link you provided.

January 21, 2020 at 9:55 am #1139439

Does this CSS help?

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

Let me know :)

January 21, 2020 at 12:24 pm #1139569

Thank you so much! Worked perfectly.

January 21, 2020 at 4:25 pm #1139738

No problem :)

This archived topic is closed to new replies.

Start building better websites today.