Shopify themes, liquid, logos, and UX
Hello,
How can I change all the buttons colors on my homepage? I'd like for the font to be black and the background white, with a black border. I've tried many codes and nothing is working. I don't want this to infer with add to cart button as well. May you please help?
Thank you
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
.template-index a.btn {
background-color: #fff;
color: #000;
border: 1px solid #000;
}
This should work for home page buttons only.
Thanks!
This is an accepted solution.
Hello
Follow below Step and add Css
Step 1: Go to your shopify store admin
Step 2: Click on online store
Step 3: Click on Actions and edit code
Step 4: Find theme.css file
Step 5: https://prnt.sc/xyr7i4 add CSS on bottom of file
#shopify-section-1612163569b20d1fd1 .hero__btn {
background: #fff;
color: #000;
border: 1px solid #000;
}
Step 6: https://prnt.sc/xyr7i4 add CSS on bottom of file
#shopify-section-collection .btn{
background: #fff;
color: #000;
border: 1px solid #000;
}
Step 7: Click on Save.
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
.template-index a.btn {
background-color: #fff;
color: #000;
border: 1px solid #000;
}
This should work for home page buttons only.
Thanks!
This is an accepted solution.
Hello
Follow below Step and add Css
Step 1: Go to your shopify store admin
Step 2: Click on online store
Step 3: Click on Actions and edit code
Step 4: Find theme.css file
Step 5: https://prnt.sc/xyr7i4 add CSS on bottom of file
#shopify-section-1612163569b20d1fd1 .hero__btn {
background: #fff;
color: #000;
border: 1px solid #000;
}
Step 6: https://prnt.sc/xyr7i4 add CSS on bottom of file
#shopify-section-collection .btn{
background: #fff;
color: #000;
border: 1px solid #000;
}
Step 7: Click on Save.
Thank you so much for your help!
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