Jump to content

Newsletter Text Button

Recommended Posts

Posted

Hi,

I was wondering how I can change the text to white on hover, 

I have applied the hover color but it doesnt seem to work?

 

/Newsletter button colour 
#block-yui_3_17_2_1_1722894288272_55797
.newsletter-form-button {

color: #a38a5b !important;

border-radius: 50px !important;

transition: all ease-in-out 700ms !important;

-webkit-transition: all ease-in-out 700ms !important;

-moz-transition: all ease-in-out 700ms !important;

background-size: 100% 200%;

background-color: transparent !important;

background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #719bb3
  50%) !important;

}

.newsletter-form-button:hover {

color: #ffffff !important;

background-position: 0 100% !important;

}

Capture.JPG

  • Replies 1
  • Views 869
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.