Colors & Buttons

Resolved hebhansen
(@hebhansen)

3 years, 4 months ago

Hey Woo

I am adopting Woo into electrified Twenty Twenty 3 Theme. As always styling of buttons means:

Settings in WOO
Styling Plugins
CSS
and lately buttons in blocks

I am dreaming of a Woo that inherits theme button style…

Anyways Colors set

And that gives me a Payment page like this

For some, that may be a bit fresh…. How can I style buttons throughout checkout and how can I calm down the payment background?

Viewing 1 replies (of 1 total)

Thread Starter

(@hebhansen)

This CSS more or less fixes buttons such as:

– Product Grid Add to Cart / Select Options
– Single Product Add to Cart
– Check Out Back/Next
– Payment Execute Payment (Except for Google Pay and that’s a good thing since Google Rejects button styling)

…. Problem resolved

/*** Add to Cart Button ***/
.woocommerce ul.products li.product .button,
a.button, 
button.button, 
input.button, 
#review_form #submit {
	display: inline-block;
	box-shadow: none;
	background: #9DFF20 !important; /* neon green*/
	color: black !important;
	font-size: 0.9rem !important;
	padding: 0.9rem 2rem !important;
	margin-bottom: 0.5em !important;
	border-radius: 5px !important; /* makes rounded edges */
	border: none !important;
	transition: 0.5s !important;
}

.woocommerce ul.products li.product .button:hover,
a.button:hover, 
button.button:hover, 
input.button:hover, 
#review_form #submit {
	background: black !important;
	color: white !important;
}

This reply was modified 3 years, 4 months ago by hebhansen.

Viewing 1 replies (of 1 total)

The topic ‘Colors & Buttons’ is closed to new replies.

Tags