Jump to content

Make 'select' button the same as 'add to cart'

Recommended Posts

I have tried to figure this out but cannot, attached screenshot of the closest I can get (which is a failure)

Basically I want the 'select' option button to be the same width, dimensions, same font size, centered text, etc as the 'add to cart' button.

This is the code I used to customize it as it looks below but ther must be a simple way of doing this to make both buttons the same (I know the select size button is not the same width as add to cart below, I can do that, but could never get the border width or font the same)

.variant-option * {
  text-transform: uppercase;
   font-size: 10px !important;
    font-weight: 300 !important;
    letter-spacing: .12em     !important;
     height: 25px;
      width: 145px;
  display: flex;
  justify-content: left;
  align-items: center;
    outline: #000 solid 2px;



size cart.PNG

Link to comment
  • Replies 3
  • Views 455
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.