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

Newsletter form hover text colour change


peachanddot

Question

Site URL: https://peachanddot.com/

Hi,

 

Do you know how to change the hover text for my sign up forms (both can be seen on this page (https://peachanddot.com/freebies) from black to white (so it matches the rest of the buttons on the site). I've managed to change the rest of the buttons with this tweak:

 

/* BUTTON TEXT TWEAK */
.sqs-block-button-element{
color: #ef7b7b !important;
background: #ffffff !important; background-color: rgba(0, 0, 0, 0) !important;
border: 2px solid #ef7b7b !important;

&:hover {
color: #ffffff!important;
background: #ef7b7b !important;
border: 2px solid #ef7b7b !important;
}}
.form-wrapper input[type=submit]:hover {
  color: #ffffff !important;
  background-color: #ef7b7b !important;
}

 

Thanks!

Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

try this .newsletter-block .newsletter-form-button:hover { color: #fff !important; }

Site URL: https://peachanddot.com/ Hi,   Do you know how to change the hover text for my sign up forms (both can be seen on this page (https://peachanddot.com/freebies) from black to white

Posted Images

3 answers to this question

Recommended Posts

  • 0
19 minutes ago, peachanddot said:

Site URL: https://peachanddot.com/

Hi,

 

Do you know how to change the hover text for my sign up forms (both can be seen on this page (https://peachanddot.com/freebies) from black to white (so it matches the rest of the buttons on the site). I've managed to change the rest of the buttons with this tweak:

 

/* BUTTON TEXT TWEAK */
.sqs-block-button-element{
color: #ef7b7b !important;
background: #ffffff !important; background-color: rgba(0, 0, 0, 0) !important;
border: 2px solid #ef7b7b !important;

&:hover {
color: #ffffff!important;
background: #ef7b7b !important;
border: 2px solid #ef7b7b !important;
}}
.form-wrapper input[type=submit]:hover {
  color: #ffffff !important;
  background-color: #ef7b7b !important;
}

 

Thanks!

try this

 .newsletter-block .newsletter-form-button:hover {
   color: #fff !important;
}

image.png.c5e44c1485f03a87dc3900b4967a464a.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Enable Pinch/Zoom on lightboxGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
  • 0
On 3/4/2021 at 9:15 PM, peachanddot said:

Yes, that did the trick, thanks a lot!

On tablet, I see huge white spacing here.

Add this to Design > Custom CSS

/* freebies tablet spacing */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-yui_3_17_2_1_1613757506563_7292 {
    display: none;
}
div#block-yui_3_17_2_1_1613757506563_15814 {
    display: none;
}
}

image.thumb.png.a7a40aa7461737a9bedf6efee1dc951e.png

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...