CUSTOM BUTTON

Site URL: https://www.causewaycoastvineyard.com/testgive

Hey guys

I am adding a custom button to our website and have done pretty well in making it look like our standard squarespace buttons but having no joy with the hover colour and font colour change. Here's a snippet of the code <button class="tithely-give-btn" style="background-color: #FFFFFF;font-family: ;font-weight: normal;font-size: 15px; padding: 22px 55px; border-radius: 3px; cursor: pointer; background-image: none; color: black; text-shadow: none; display;letter-spacing:1px; inline-block; float: none; .btn:hover{background-color: #000000;color: white;}

Would really love some help please.

James

You need to use the correct class to reference the button. Try this:

.tithely-give-btn:hover { background-color: #000000; color: white; }