How can I style my 'Send Message' button to have a border and change colors when clicked?

Shopify Discussion
1

Hi,

I want to style my the ‘Send Message’ button to have a border like the rest of the form, rather than just floating the way it is in my template. I would like the button to turn into a solid peach colour and the text to turn green when clicked. Screenshot here:

Screenshot 2023-09-25 at 10.19.30 PM.png
Screenshot 2023-09-25 at 10.19.30 PM.png3246×2182 754 KB

https://www.jungal.in/pages/contact

Any help with this would be most helpful! Thanks in advance!

2

Hi @nikhilkaul ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

3

Thank you Anthony! That worked like a charm!!!