Changing text color on the newsletter button - Supply theme

Highlighted
Tourist
4 0 1

I tried the code, worked perfectly. Thanks.

1 Like
New Member
5 0 0

Any way to achieve this on all buttons and text? I mean get hover color change for text as well as other buttons? 

I am using supply theme.

 


@Bo wrote:

Hey there, @Sebastian19

 

Great question. So once again I would recommend adding the following at the very bottom of the theme.scss.liquid to override the previous code as opposed to editing the pre-existing code. 

 

To  change the background color of the button to red when you hover:

.newsletter-section .contact-form .input-group-btn button:hover {
    background: red;
}

To change the *color* of the text to red when you hover:

.newsletter-section .contact-form .input-group-btn button:hover {
    color: red;
}

Let me know how this goes and if there is anything else I can assist you with, I'm happy to help!

 

All the Best,

Bo


 

0 Likes
Shopify Staff
Shopify Staff
769 75 150

Hey there, @Jay-b 

 

Apologies for the delayed response - I was out of office. I would recommend when posting a new query that you start a new post so that you get attention and support more quickly.

 

So just to make sure I understand correctly - are you looking to change the hover color for all buttons? 

 

All the Best,

Bo

Bo | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Tourist
4 0 1
Thanks for the reply, but help no longer needed.

Cheers,

Deem
0 Likes