Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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!
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!
Hey @Chaos8
I read your description. Can you please provide me your webshop URL?
I will check and provide you solution here.
Thanks!
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!
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
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!
Thank you so much 🙂 Works perfectly
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024