The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 03-14-2014, 06:56 AM
Real Mens Wallets:1072071@deleted's Avatar
Real Mens Wallets:1072071@deleted is offline
Senior Member
 
Join Date: Mar 2012
Posts: 103
Default

Continue button is a different color to the rest of the buttons


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?
  #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
  #3  
Old 03-14-2014, 01:44 PM
Real Mens Wallets:1072071@deleted's Avatar
Real Mens Wallets:1072071@deleted Real Mens Wallets:1072071@deleted is offline
Senior Member
 
Join Date: Mar 2012
Posts: 103
Default

Thanks for the reply... that's a lot of code..

have added this but unfortunately, after clearing cache, the problem still exists and is still blue
  #4  
Old 03-21-2014, 09:29 AM
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
Thanks for the reply... that's a lot of code..

have added this but unfortunately, after clearing cache, the problem still exists and is still blue
Hello,

I've checked your store. The reason why the code I gave you did not take effect is that the code which goes right befor it in your custom CSS theme is missing a closing figure brace, please, check the screenshot: http://take.ms/7XyTA

In order to fix you should add the missing brace to the following code in your custom CSS theme:

Code:
div.ecwid-productBrowser-price-grid div.ecwid-productBrowser-price-compareTo-hover,
div.ecwid-productBrowser-price-grid div.ecwid-productBrowser-price-save-hover,
div.ecwid-productBrowser-price-list div.ecwid-productBrowser-price-compareTo-hover,
div.ecwid-productBrowser-price-list div.ecwid-productBrowser-price-save-hover {
    color: #3B0B0B;
}
After you do this the code for changing the color of Continue button should work correctly.
__________________
Liza P.
Customer Care
Ecwid Help Portal
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 12:09 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.