Jump to content

Underline button on contact form

Recommended Posts

  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

yes, I used: 


//Medium Button//
.sqs-block-button-element--medium {  position:relative !important;   height: 60px; line-height: 60px;  text-align: center; transition: 0.5s;  padding: 0 20px;  cursor: pointer; -webkit-transition:0.5s;}

.sqs-block-button-element--medium:hover {  background-color: transparent !important;  border-color: transparent !important; color: #17243e !important;} 

.sqs-block-button-element--medium:hover:before{ transition-delay: .2s; }

.sqs-block-button-element--medium:before{  width: 0%; height:100%;  z-index: 3;   content:'';  position: absolute;  bottom:-1px;   left:0;  box-sizing: border-box;  transition: .2s;}

.sqs-block-button-element--medium:hover:before {  width: 100% !important;  transition: .7s; }

.sqs-block-button-element--medium:before { border-bottom: 3px solid #17243e;}


Thank you! 

Link to comment

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.