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


 All Forums
 General
 Design issues
 New class "ectbutton" for buttons
 New Topic  Reply to Topic
 Printer Friendly
Author  Topic   

Guy
ECT Moderator

Canada
1911 Posts

Posted - 12/07/2019 :  12:54:44  
Hi!

I added the "New class "ectbutton" for buttons" and change the background color.

However, I don't find where I can change the color when "hover".

Thanks!

From a guy that used to know how CSS work!


----
Guy
Quebec, Canada
http://www.lineaire.com

Edited by - Guy on 12/07/2019 12:55:00

Marshall
Ecommerce Template Guru

USA
1565 Posts

Posted - 12/07/2019 :  13:24:41  
Have not used the new class, but to do a change on hover you need
.ectbutton:hover{color:whatever;}

Marshall
CENLYT Productions - ms designs
Affordable Web Design
Custom Ecommerce Designs
Responsive Websites
Cenlyt.com

Guy
ECT Moderator

Canada
1911 Posts

Posted - 12/07/2019 :  13:53:33  
Thanks Marshall!

Now, can you tell me how I can add space between these 2 buttons?



Regards,

----
Guy
Quebec, Canada
http://www.lineaire.com

Steved
Ecommerce Template Expert

United Kingdom
817 Posts

Posted - 12/07/2019 :  14:39:50  
I believe you would simply add some margin to the ectbutton class

Eg right margin:

input.ectbutton {margin-right:8px;}

Steve

Edited by - Steved on 12/07/2019 15:05:29

Guy
ECT Moderator

Canada
1911 Posts

Posted - 12/07/2019 :  20:05:08  
Thanks!

----
Guy
Quebec, Canada
https://www.lineaire.com

Vince
Administrator

39054 Posts

Posted - 12/08/2019 :  00:54:26  
Could I just say though that if you do that, you will put a right margin on all the ectbuttons on the store. If you click the button with the right mouse button however and choose "inspect" you should see the classes that are assigned to that particular button in the object inspector. It could be say that the email friend button has a class "emailfriend" so you could use...
input.emailfriend{margin-right:8px;}
Or the get price button a "getprice" class so
input.getprice{margin-left:8px;}
That way you would not be affecting the whole store.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Guy
ECT Moderator

Canada
1911 Posts

Posted - 12/08/2019 :  04:23:58  
Thanks for the advice Vince!

----
Guy
Quebec, Canada
https://www.lineaire.com

Steved
Ecommerce Template Expert

United Kingdom
817 Posts

Posted - 12/08/2019 :  15:27:46  
Fair point Vince - I agree thatís a more satisfactory solution.

Steve
   Topic   
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2019 ecommercetemplates.com
This page was generated in 0.02 seconds. Snitz Forums 2000