• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

KennethJackson.Tech

Audio & Video Production in Amarillo, Texas

  • Home
  • For Musicians
    • Mobile Studio Gear List
    • Stage/Mixer Routing
    • Cartage Services
  • Shop
  • Galleries
  • About
  • Contact
  • Account
    • Cart
    • Payments
You are here: Home / WooCommerce / WooCommerce – Change the Button Background Color with CSS

WooCommerce – Change the Button Background Color with CSS

October 19, 2020 by Kenneth Jackson Leave a Comment

Procedure

  • Log in to WordPress
  • From the Homepage go to “Customize
  • Additional CSS
  • Paste the following CSS Code
  • Change the line that reads “background-color:#FC0” to the color of your choice.

CSS Code

.woocommerce span.onsale {
    background-color: #000000;
    color: #ffffff;
}
.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
	background-color:#FC0 !important;
	color:white !important;
	text-shadow: transparent !important;
	box-shadow: none;
	border-color:#FF9900 !important;
}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
	
	background-color:#FC0 !important;
	color:white !important;
	text-shadow: transparent !important;
	box-shadow: none;
	border-color:#FF9900 !important;
}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
	background-color:#FC0 !important;
	color:white !important;
	text-shadow: transparent !important;
	border-color:#FF9900 !important;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
	background-color:#FC0 !important;
	box-shadow: none;
	text-shadow: transparent !important;
	color:white !important;
	border-color:#FF9900 !important;

Share this:

  • Share
  • Click to share on Facebook (Opens in new window)
  • Click to share on Twitter (Opens in new window)
  • Click to print (Opens in new window)
  • Click to email a link to a friend (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Pinterest (Opens in new window)
  • Click to share on Pocket (Opens in new window)
  • Click to share on Reddit (Opens in new window)
  • Click to share on Skype (Opens in new window)
  • Click to share on Telegram (Opens in new window)
  • Click to share on Tumblr (Opens in new window)
  • Click to share on WhatsApp (Opens in new window)

Filed Under: WooCommerce Tagged With: Amarillo, Texas

Leave a Reply Cancel reply

  • Facebook
  • GitHub
  • Twitter
  • YouTube

Upcoming Shows

Nothing from March 27, 2023 to April 27, 2023.

Product categories

  • Musical Instruments
  • Pro Audio
  • Services
  • Electronic Components

Recent Posts

  • Cowtown Opry Buckaroos – Canyon, Texas – October 8, 2022 – Full Show November 7, 2022
  • Danny Freeze & Dr. T – Songwriters in the Canyon – July 13, 2022 – Full Show (Sorta) November 7, 2022
  • Michael D Coon – Pampa, Texas – September 30, 2022 October 18, 2022
  • Songwriters in the Round – Chalice Abbey – July 16, 2022 October 4, 2022
  • Keitha Jones – Grandma – Songwriters in the Canyon – June 15, 2022 September 29, 2022

Kenneth Jackson

(806) 374-2323
Please leave a voice or text message.

Contact Kenneth

  • Facebook
  • Twitter
  • YouTube
  • GitHub
  • Discord
  • Contact Us
  • Payments
  • Advertisements
  • Privacy Policy
  • Terms of Service
  • Terms and Conditions
  • Connections.Digital – IT Services
  • WPplaces – Managed WordPress
  • AmaKit – Swift Developer Group

Copyright © Kenneth Jackson

Designed by Kenneth Jackson in Amarillo, Texas

Powered by WPplaces

 

Loading Comments...