View Single Post
  #2  
Old 03-14-2014, 01:09 PM
Liza P's Avatar
Liza P Liza P is offline
Ecwid Team
 
Join Date: Jan 2013
Posts: 2,517
Default

Quote:
Originally Posted by Real Mens Wallets View Post
I have a custom theme based on the standard beige theme.

The "add to bag" and "checkout" buttons are default beige...

However the "continue" buttons on The "shipping details" and "payment details" pages are blue...

Any ideas why this has started happening?
Hello,

I've checked your store. It looks like you've copied some classes of the beige theme and some of the classes remained from the standard theme, as basically the beige theme has the "Continue" button beige as well and in your case it remained blue, as in standard theme. Just for future reference, to avoid this you might have used the Duplicate button to copy the beige theme to your custom one and customize it afterwards.

For now I can suggest you changing the "Continue" button by adding this code to your custom CSS theme:

Code:
button.ecwid-AccentedButton {	
	background-color: #c19349;

	background-image:
		-moz-linear-gradient(left, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-moz-linear-gradient(right, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-moz-linear-gradient(bottom, rgb(197, 158, 99) 0%,  rgb(187, 137, 58) 17%, rgb(188, 139, 58) 18%, rgb(200, 158, 90) 73%, rgba(211, 174, 115, .8) 73%, rgba(215, 180, 126, .8) 100%)
		;
	background-image:
		-webkit-linear-gradient(left, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-webkit-linear-gradient(right, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-webkit-linear-gradient(bottom, rgb(197, 158, 99) 0%,  rgb(187, 137, 58) 17%, rgb(188, 139, 58) 18%, rgb(200, 158, 90) 73%, rgba(211, 174, 115, .8) 73%, rgba(215, 180, 126, .8) 100%)
		;
	background-image:
		-o-linear-gradient(left, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-o-linear-gradient(right, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-o-linear-gradient(bottom, rgb(197, 158, 99) 0%,  rgb(187, 137, 58) 17%, rgb(188, 139, 58) 18%, rgb(200, 158, 90) 73%, rgba(211, 174, 115, .8) 73%, rgba(215, 180, 126, .8) 100%)
		;
	background-image:
		-ms-linear-gradient(left, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-ms-linear-gradient(right, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-ms-linear-gradient(bottom, rgb(197, 158, 99) 0%,  rgb(187, 137, 58) 17%, rgb(188, 139, 58) 18%, rgb(200, 158, 90) 73%, rgba(211, 174, 115, .8) 73%, rgba(215, 180, 126, .8) 100%)
		;
	background-image:
		linear-gradient(left, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		linear-gradient(right, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		linear-gradient(bottom, rgb(197, 158, 99) 0%,  rgb(187, 137, 58) 17%, rgb(188, 139, 58) 18%, rgb(200, 158, 90) 73%, rgba(211, 174, 115, .8) 73%, rgba(215, 180, 126, .8) 100%)
		;

	box-shadow: 0 0 0 1px rgba(164, 147, 113, .7), 0 1px 0 rgb(227, 203, 164) inset;
}

button.ecwid-AccentedButton:hover {
	background-image:
		-moz-radial-gradient(50% 100%, circle, rgb(214, 184, 80), rgba(214, 184, 80,.5), rgba(214, 184, 80,0) ),
		-moz-linear-gradient(left, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-moz-linear-gradient(right, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-moz-linear-gradient(bottom, rgb(199, 160, 101) 0%,  rgb(187, 137, 58) 17%, rgb(188, 139, 58) 18%, rgb(200, 158, 90) 73%, rgb(211, 174, 115) 73%, rgb(215, 180, 126) 100%)
		;
	background-image:
		-webkit-radial-gradient(50% 100%, circle, rgb(214, 184, 80), rgba(214, 184, 80,.5), rgba(214, 184, 80,0) ),
		-webkit-linear-gradient(left, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-webkit-linear-gradient(right, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-webkit-linear-gradient(bottom, rgb(199, 160, 101) 0%,  rgb(187, 137, 58) 17%, rgb(188, 139, 58) 18%, rgb(200, 158, 90) 73%, rgb(211, 174, 115) 73%, rgb(215, 180, 126) 100%)
		;
	background-image:
		-o-radial-gradient(50% 100%, circle, rgb(214, 184, 80), rgba(214, 184, 80,.5), rgba(214, 184, 80,0) ),
		-o-linear-gradient(left, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-o-linear-gradient(right, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-o-linear-gradient(bottom, rgb(199, 160, 101) 0%,  rgb(187, 137, 58) 17%, rgb(188, 139, 58) 18%, rgb(200, 158, 90) 73%, rgb(211, 174, 115) 73%, rgb(215, 180, 126) 100%)
		;
	background-image:
		-ms-radial-gradient(50% 100%, circle, rgb(214, 184, 80), rgba(214, 184, 80,.5), rgba(214, 184, 80,0) ),
		-ms-linear-gradient(left, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-ms-linear-gradient(right, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		-ms-linear-gradient(bottom, rgb(199, 160, 101) 0%,  rgb(187, 137, 58) 17%, rgb(188, 139, 58) 18%, rgb(200, 158, 90) 73%, rgb(211, 174, 115) 73%, rgb(215, 180, 126) 100%)
		;
	background-image:
		radial-gradient(50% 100%, circle, rgb(214, 184, 80), rgba(214, 184, 80,.5), rgba(214, 184, 80,0) ),
		linear-gradient(left, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		linear-gradient(right, rgb(193, 147, 73) 0%, rgb(193, 147, 73) 4%, rgba(193, 147, 73, 0) 13%),
		linear-gradient(bottom, rgb(199, 160, 101) 0%,  rgb(187, 137, 58) 17%, rgb(188, 139, 58) 18%, rgb(200, 158, 90) 73%, rgb(211, 174, 115) 73%, rgb(215, 180, 126) 100%)
		;

	box-shadow: 0 0 0 1px rgba(164, 147, 113, .7), 0 1px 0 rgb(233, 213, 182) inset;
}

button.ecwid-AccentedButton-ie9minus {
	background-color: #c19349;
	/* for IE 9 */
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNTAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjQzU5RTYzIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQkI4OTNBIiBvZmZzZXQ9IjAuMTciLz48c3RvcCBzdG9wLWNvbG9yPSIjQkM4QjNBIiBvZmZzZXQ9IjAuMTgiLz48c3RvcCBzdG9wLWNvbG9yPSIjQzg5RTVBIiBvZmZzZXQ9IjAuNzMiLz48c3RvcCBzdG9wLWNvbG9yPSIjRDNBRTczIiBvZmZzZXQ9IjAuNzMiLz48c3RvcCBzdG9wLWNvbG9yPSIjRDdCNDdFIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMTUwKSIgLz4KPC9zdmc+);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd6b37c', endColorstr='#ffb98634',GradientType=0);
}

button.ecwid-AccentedButton-ie9minus:hover {
	/* for IE 9 */
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNTMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjREJDMzg5IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjRDlCRTZCIiBvZmZzZXQ9IjAuMDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjQ0JBNDQ0IiBvZmZzZXQ9IjAuMTgiLz48c3RvcCBzdG9wLWNvbG9yPSIjQ0JBNDQ0IiBvZmZzZXQ9IjAuNzMiLz48c3RvcCBzdG9wLWNvbG9yPSIjQ0JBNDQ0IiBvZmZzZXQ9IjAuNzMiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTBDNjk1IiBvZmZzZXQ9IjAuNzMiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTBDNTlBIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMTUzKSIgLz4KPC9zdmc+);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbbc8b', endColorstr='#ffbd8c37',GradientType=0);
}
__________________
Liza P.
Customer Care
Ecwid Help Portal