Make all Buy buttons in UPPERCASE and BOLD

VintBazar
Excursionist
33 0 3

my site is: www.readytovintage.com

 

what i need:

all Buy/Add to cart buttons on ALL pages to be uppercase and in bold..

 

got it solved for checkout and CART but not for normal pages like home page etc.

 

for reference for size and boldness:

https://vintagewholesalesupply.com

(i want the same size and thickness)

Replies 4 (4)

StephensWorld
Shopify Expert
1374 167 340

Add the following coding to your theme's custom CSS section (admin > online store > themes > customize > settings > custom css): 

 

.button--secondary {
    text-transform: uppercase;
    font-weight: bold;
}

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

VintBazar
Excursionist
33 0 3

if i dont want it to change my Header Text? Only the buy buttons

VintBazar
Excursionist
33 0 3

i did put it in the base.css first. did the same thing,  but i put it in the custom CSS now as u told me..

 

can you help me figure out why my header meny text became Bold ?

PageFly-Oliver
Astronaut
878 190 171

Hi @VintBazar ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
#MainContent [data-type="add-to-cart-form"] .button--secondary {
    text-transform: uppercase;
    font-weight: bold;
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.