Shopify themes, liquid, logos, and UX
Hi,
I'm trying to add black border around SHOP NOW buttons. And on hover, trying to make the border thicker. It's working well for ADD TO CART buttons on my homepage. I'm trying to do the same border treatments for SHOP NOW. Link: https://1nytifok700xant8-57105678419.shopifypreview.com
Appreciate your help!
Solved! Go to the solution
This is an accepted solution.
Hi @jk888,
I understand you want to copy the border on the add to cart button to you Shop now button at the home page. If so, please follow the instructions below
1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
2. Find the Asset folder, and open the base.css file
3. Add the code below at the very end of the file
#shopify-section-template--14938577731667__image-with-text .button {
outline: 1px solid;
box-shadow: 0px 1px 2px black;
}
#shopify-section-template--14938577731667__image-with-text .button:hover {
outline: 2px solid;
}
This is an accepted solution.
Hi @jk888,
I understand you want to copy the border on the add to cart button to you Shop now button at the home page. If so, please follow the instructions below
1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
2. Find the Asset folder, and open the base.css file
3. Add the code below at the very end of the file
#shopify-section-template--14938577731667__image-with-text .button {
outline: 1px solid;
box-shadow: 0px 1px 2px black;
}
#shopify-section-template--14938577731667__image-with-text .button:hover {
outline: 2px solid;
}
User | RANK |
---|---|
155 | |
127 | |
80 | |
73 | |
69 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023