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
 Design issues
 New class "ectbutton" for buttons
Author « Topic »  

Guy
ECT Moderator

Canada
2499 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
1909 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
2499 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 Guru

United Kingdom
1022 Posts

Pre-sales questions only
(More Details...)

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
2499 Posts

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

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

Vince
Administrator

42766 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
2499 Posts

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

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

Steved
Ecommerce Template Guru

United Kingdom
1022 Posts

Pre-sales questions only
(More Details...)

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

Steve
  « Topic »  
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.03 seconds. Snitz Forums 2000