How to change button color to transparent at homepage?

[Atiqot]

Hi everyone,
I have a white color buttons at my “Collection List” Section at Home Page. I’m trying to change it at CSS but somehow I do it without any success.

[Rahul_dhiman]

Hello @Atiqot
Go to online store ----> themes ----> actions ----> edit code ---->Theme.css
add this code at the end of the file and save.

button.button {
background: transparent !important;
color: white !important;
border: none !important;
font-size: 20px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Tech_Coding]

Hello @Atiqot

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.collection-card__content .button { background: transparent !important; border: unset !important; font-weight: 900 !important; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Dan-From-Ryviu]

Hi @Atiqot

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings.

.shopify-section--collection-list .button { background: transparent; color: #fff; }

[Atiqot]

Thanks a Lot ! it’s Perfect