Docs

[Victor50000]

Hello!

I have changed to css for my woocommerce button.

However, this made the “product has been added – show cart” button, that shows up once you click add to cart, look weird.

Could you please tell me how to bring the style of this button back to normal?

URL for example: http://repulse.digisera.se/butik/arbetsredskap/fjarrkontroll-dobbe/

Thank you. Your service is always top!

[Rupok]

Hi there,

Thanks for writing in! You are using very generic selector and it’s interfering other buttons within woocommerce. Let’s use this instead :

.woocommerce .button.single_add_to_cart_button {
	color: #fffafa;
	font-size: 120%;
	text-align: center;
	vertical-align: 20%;
	background-color: #40B839;
	background-image: linear-gradient(top, #6496c8, #346392);
	box-shadow: inset 0 0 0 1px #fffafa;
	border: none;
	border-radius: none;
	margin: 0px;
	line-height: 1,5em;
}

Cheers!

[Victor50000]

Great, thanks alot!!

[Rahul]

You’re most welcome! 🙂

Feel free to ask us again.

[Author]

Posts