Main page & inside shop button help

Store Design
, ,
1

I am trying to make my landing page buttons and my “shop” page buttons the exact same colour, I would also like to change the button size in the “shop” page to be abit smaller and more delicate to the eye.

URL: Hygiadental.com
PW: melek

2

Hi @Anonymous ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSCommerceHDL_0-1719281863563.png
BSSCommerceHDL_0-1719281863563.png1902×899 133 KB

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

BSSCommerceHDL_1-1719281870191.png
BSSCommerceHDL_1-1719281870191.png1916×934 101 KB

Step 3: Insert the below code at the bottom of the file → Save

.quick-add__submit.button {
    min-height: 50px !important;
    color: black !important;
    font-size: 1.4rem !important;
}

Here is result:

BSSCommerceHDL_2-1719281930910.png
BSSCommerceHDL_2-1719281930910.png1450×241 76.3 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

@jeffreymudiman, you should try following the instructions below

Step 1: Go to Admin → Online store → Theme > Edit code

Step 2: Search for the file base.css and add this code snippet to the end of the file:

.quick-add .quick-add__submit.button {
    background-color: rgba(var(--color-button), var(--alpha-button-background)) !important; 
    color: black;
    min-height: calc(4.5rem + var(--buttons-border-width) * 0.25) !important; 
}
4

Hi @Anonymous

Please add this code to change buttons on our shop page in Online Store > Themes > Edit code

Best regards,

Dan from Ryviu

5

Honestly all you guys who are on this community page are doing wonders for all of us! Thankyou!

Now.. Is there a way to change the text on the items that have different varieties to just “add to cart”
So they all say add to cart instead of “choose options”?