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 * {
  background-color:#fff; 
  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;
}


 

Thanks

size cart.PNG

Edited by Guest
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

20 hours ago, Jethro said:

Hey again, its here:

https://www.astroloteez.com/astroshop

 

Password is password

 

Thanks!

Add to Home > Design > Custom CSS

.variant-select-wrapper {
    width: 100%;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.