Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Customize Newsletter button on hover


zzlogan

Question

Site URL: https://pomegranate-badger-p3wd.squarespace.com/

Hi,

I'm trying to customize the newsletter form button on hover, and unable to figure it out.  

Here is the code I have so far (edits the padding, font type, color, border)

button.newsletter-form-button.sqs-system-button {
    color: black !important;
	border: 2.22px dashed #000000 !important;
  	padding: 10px 44px !important;
  	font-family: 'ApercuR'!important;
}

button.newsletter-form-button.sqs-system-button:hover {
  background-color: #ffe3a7 !important;
  opacity: 1 !important;
}

But every time, I hover over the "submit" button it fully goes black.

 

Here is the code that works for my Contact Us form, that is working perfectly that I'm trying to replicate for my newsletter.

.sqs-block-form .sqs-editable-button {
	color: black !important;
	border: 2.22px dashed #000000 !important;
  	padding: 10px 44px !important; //height and width
  	font-family: 'ApercuR'!important;
}

.sqs-block-form .sqs-editable-button:hover {
  background-color: #ffe3a7 !important;
  opacity: 1 !important;
}

Would anyone be able to weigh in on this?

Screen Shot 2021-08-04 at 6.29.12 AM.png

Link to comment
  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

7 answers to this question

Recommended Posts

  • 0
14 hours ago, Havapoodle said:

@tuanphan Hi - can you assist? I am trying to make my footer look like this. I cannot figure out the spacing and the newsletter edits.

footerdesktop.png

footermobile.png

Hi. What is site yrl?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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...