How can I add a black border to 'Shop Now' buttons in Sense theme?

Store Design
, ,
1

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!

1 Like
2

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;
}
1 Like