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 |
---|---|
62 | |
52 | |
47 | |
39 | |
38 |
Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...
By Trevor May 15, 2023With 2-Factor Authentication being required to use Shopify Payments, we’re here to help yo...
By Imogen Apr 26, 2023