Shopify themes, liquid, logos, and UX
Hello Everyone,
I am having such a hard time and its taking forever to figure out how to change the color of my ATC button. You'd think that these themes, especially the paid ones where you pay $200 for a theme would have an option to change the color of it since its one of the most important things in the experience of a customer..... Anyways.
I tried inspecting the element and saving it and that didn't work, in fact, I almost ruined everything by changing something else, found out I just saved the mobile look so I switched it back to responsive. Its just crazy to me because you basically have to have a degree at this point to figure this stuff out. I have an associates in Web Design and Multimedia and I can't even figure it out
I know that there is a line of code you can throw at the bottom of the theme code, I know my themes name for the atc isnt add to cart its secondary button I believe. If someone here could help me out it would be greatly appreciated. I need to be able to put the color code in by the way.
Thanks,
Sam
Solved! Go to the solution
This is an accepted solution.
My side looks like this.
Please provide a screenshot of which color you would like to change and also provide your store url.
Thanks!
ocean-works.org is my url, I want the text to be white, and the background to be that lighter green color.
Thanks DMW!
Please add the following code at the bottom of your assets/theme.css file.
.add-to-cart.btn--secondary {
border: 1px solid;
border-color: #8fc1a2 !important;
background-color: #8fc1a2 !important;
color: #ffff !important;
}
Let me know if this works.
Thanks!
YOU ARE MY HERO,
While we are at it, what is the code to change this apple pay thing from black to a different color? If I had a choice it would be dark blue. Thank you!!!
This is an accepted solution.
My side looks like this.
Made my night thank you, I've been working tirelessly on my site all weekend and this was a big roadblock, thank you so much for helping me out, BIG RELIEF!
It's my pleasure to help you.
Thank you! How do I also change the color for when the mouse hover overs ATC button?
Please share your store URL.
onlyallure.com
hello @Karley202
Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.
Hello, every time I try to add your code either at the body of the made .add-to-cart.btn--secondary line I am sending the entire theme into the following screenshot. How can I adjust the Add to cart button without effecting the entire theme?
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