Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
Forum Search
Google Site Search
 All Forums
 General
 Off topic, News and Updates
 Keeping buttons consistent across the site
Author « Topic »  

Vince
Administrator

Spain
42752 Posts

Posted - 05/13/2020 :  04:39:33  
There were some changes made in current versions to make sure that your button styles are consistent across your store, but if you have an older store it may require a CSS change. If you have some of the cart buttons styled, but others (especially in the checkout pages) with the default blue style then try the following...

In Google Chrome (or FireFox) right click one of the buttons that has the correct style and choose, "Inspect" or "Inspect Element".
Under "Rules" this could show a long list (if it just says input.ectbutton then everything is ok and it's already updated)

input.minimailsubmit,input.continueshopping, input.printversion,input.applycoupon,input.configbutton,input.reviewsubmit, input.efsend,input.efclose,input.cartaccountlogin,input.forgotpassword, input.newaccount,input.submit,input.cancel,input.createlist,input.trackinggo, input.logintoaccount,input.createaccount,input.gcsubmit,input.login, input.newaffiliate, input.affiliatelogin, input.search,input.buybutton, input.sccheckout, input.checkoutbutton, input.vieworderstatus, input.viewlicense, input.trackpackage, input.logout, input.editaffiliate,input.backacct, input.giftwrapsubmit,input.giftwrapcancel{


To the right of this it should show a location, say ectstyle.css:37, (37 is the line number in this example) and if you hold your mouse over this it should show the full location, say...
https://www.scripteeze.net/css/ectstyle.css

Now open this style sheet in a text editor, go to that line and just replace all of that with...

input.ectbutton{

Then a few lines below there is the same for the "hover" classes and just do the same

input.ectbutton:hover{

Make sure you take a backup before changing anything.

If you like, post your store URL here and we'll take a look for you and let you know which file you need to change.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater
  « Topic »  
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.01 seconds. Snitz Forums 2000