Connections.Digital

Media Production, Mobile Web and iOS Development

eCommerce

WooCommerce – Change the Button Background Color with CSS

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;

Guide to Holiday eCommerce 2009

Holiday Trends for 2009Holiday Trends for 2009

According to Information Research Inc. Holiday 2009 Forecast, nearly half of all shoppers will have already started their holiday shopping by November 1st. The shopping season is in full swing with less than a month to Black Friday and less than 2 months until Christmas Day. Holiday shoppers are already taking advantage of discounts so read on to find out some of the predicted 2009 trends. So what are you waiting for? Start promoting!

The National Retail Federation is predicting a 1% decline in holiday sales this year. However, when compared to last year’s 3.4% drop in holiday sales, 2009 shopping isn’t looking too bad. What will some of the trends be this year?

Tip: Create a sense of urgency and promote early shopping….

Read More