CSS help on Supply theme newsletter subscribe button

ransackery
Excursionist
13 0 2

My site is at:

monkeyjacktradingcompany.com

I am using the Supply theme with some modifications done already. The newsletter signup field is in the footer.

(1) I would like to make the default text in the field and on the button a different color. I tried some CSS code but what I tried did not seem to affect anything so I removed it.

(2) I would like to change the "signup" text on the button.

(3) I would like to move the signup button over to the right and give a little space between it and the email address field.

(4) I would like to round out the email address field (I'm assuming using the border-radius property but I don't know what on).

Thank you to the community for all of the help so far.

Scott

0 Likes
ransackery
Excursionist
13 0 2

I got the signup button moved over away from the email address field.

I used:

.site-footer .input-group .input-group-btn {
padding-left: 5px;
}

Still haven't figured out the rest.

0 Likes
suyash1
Shopify Partner
2891 308 476

@ransackery - please add given css for changing text color and round email field, and to change sign up text you need to check newsletter settings in customizer and if no there then language settings

.site-footer .input-group .input-group-field::placeholder {color: #ff0000;} //this is to change color

.site-footer .input-group .input-group-field {border-radius: 20px;} //this is to make email field round

 

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes