How Can I Change My Add To Cart Button From Outline To Full Color - Dawn theme

[hasanali1]

1- I want my add to cart button to be full color and not only an outline. 

2- remove the UNDERLINE hovering effect on product name once hovering around on the add to cart button

thanks in advance!

website - https://the-style-luxe.myshopify.com/

password - reucho

[GemPages · Accepted solution]

Hi @hasanali1,

Glad to support you today.

You can check out my suggestion below to get your concern resolved:

1. Go to Edit code on Online Store:

2. add my code  above the </body> tag on Theme.liquid:

<style>
	#Slider-template--18376554774839__featured_collection .quick-add .quick-add__submit {
		background-color: #999 !important;
	}
	#Slider-template--18376554774839__featured_collection .underline-links-hover:hover a {
		    text-decoration: none !important;
	}
</style>

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

[PixiePawsPets]

Hello! 

I am hoping it's okay to ask, I would like to also add this to my product card on the product page but have it aligned beside the quantity selector and remove the "buy it now button"  but also be filled rather then outline text, is this possible?