Solved

Changing color of the buttons for the contact and login pages

Chaos8
Tourist
4 0 2

Hi Everyone, 

I need help with changing the colour of the buttons for the contact and login pages, I've managed to change all the other button colours but I can't seem to find a solution for these. Seems to be different for the forms. 

Any direction or advice will be greatly appreciated, thank you.

Accepted Solutions (2)
dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

Hey @Chaos8 

Try this CSS class.

Add code assets/theme.scss.liquid Or assets/timber.scss.liquid bottom of the file

#contact_form .btn {color: #f3a29; background:#fff; border: 2px solid #f3a293;}
#account .btn {color: #f3a29; background:#fff; border: 2px solid #f3a293;}
#create-account .btn {color: #f3a29; background:#fff; border: 2px solid #f3a293;}


Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

Hey @Chaos8 

Try this CSS class.

Add code assets/theme.scss.liquid Or assets/timber.scss.liquid bottom of the file

 

button, input[type="submit"] {color: #f3a29;}

 


Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 6 (6)

dmwwebartisan
Shopify Partner
12280 2546 3694


Hey @Chaos8 

I read your description. Can you please provide me your webshop URL?

I will check and provide you solution here.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Chaos8
Tourist
4 0 2

Thanks for your prompt reply. 

URL: https://chaoswine.com.au/

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

Hey @Chaos8 

Try this CSS class.

Add code assets/theme.scss.liquid Or assets/timber.scss.liquid bottom of the file

#contact_form .btn {color: #f3a29; background:#fff; border: 2px solid #f3a293;}
#account .btn {color: #f3a29; background:#fff; border: 2px solid #f3a293;}
#create-account .btn {color: #f3a29; background:#fff; border: 2px solid #f3a293;}


Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Chaos8
Tourist
4 0 2

Thank you so much, although how do I match the text colour to #f3a29 it is currently white and doesn't stand out from the background

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

Hey @Chaos8 

Try this CSS class.

Add code assets/theme.scss.liquid Or assets/timber.scss.liquid bottom of the file

 

button, input[type="submit"] {color: #f3a29;}

 


Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Chaos8
Tourist
4 0 2

Thank you so much 🙂 Works perfectly