Need to stretch out and style Quick Add Buttons in Collapsible menu

Store Design
,
1

Hello and thanks for reading! I have these Quick add buttons enabled in my Complimentary productt metafield.. I would like to styleisze them and have them stretch out plus add some margins to the inner text.. Also maybe change the font or lettering.. Anybody have a quick and easy CSS for me? THank you - Buying Coffee for help!

Here is example product page and screen shot attached showing what I want to do!
https://devildaves.com/products/original-bloody-mary-blaster-xl

stretch buttons.jpg
stretch buttons.jpg964×593 50.5 KB

2

Hello @Ryanp ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

.quick-add.no-js-hidden {
    margin: 0 auto !important;
}

Thanks

3

Thanks but that didnt do anything.. I used this in the Complimentary Product liquid..

.button.quick-add__submit {
background: #F5F2EB;
color: #121212;
padding: 12px !important;
cursor: pointer;
}