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

Solved

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

hasanali1
Shopify Partner
126 5 15

hasanali1_0-1679300435890.png

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

 

Accepted Solution (1)

GemPages
Shopify Partner
5624 1261 1230

This is an 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:

 

GemPages_0-1679301111068.png

 

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.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 2 (2)

GemPages
Shopify Partner
5624 1261 1230

This is an 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:

 

GemPages_0-1679301111068.png

 

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.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
PixiePawsPets
Excursionist
23 0 0

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?