New class "ectbutton" for buttons

Author	« Topic »
Positivek9 Ecommerce Template Guru USA 4061 Posts Pre-sales questions only (More Details...)	Posted - 01/10/2020 : 10:09:51 Hi all, How do we change the hover color? Currently it's a dark blue. I'm also having trouble with this new class is as it interferes with the cross sell Get Details button on my site. I'm using a light color & i can overwrite the input.ectbutton, button.ectbutton on the product/productdetail pages. That works. But I can't do that on the search page or cart page as that then overwrites all the other buttons on those pages with the light color. Which doesn't work. I'm thinking that maybe in an update there could be a class assigned to the cross sell Get Details button? Julie Owned & loved by 5 German Shepherds ~ RIP Menace & Peanut ~
dbdave ECT Moderator USA 10507 Posts	Posted - 01/10/2020 : 11:32:50 Hi Julie, it should just be something like input.button:hover { background-color: yellow; } https://www.w3schools.com/cssref/sel_hover.asp
Vince Administrator 42983 Posts	Posted - 01/10/2020 : 12:39:54 Sorry to butt in Dave but if this is the pawtastic site then what you would do I believe is in... stylesheets/layout-css-1.css ..around line 259 you have a list of buttons styles. Add... input.ectbutton to that list. For instance... input.checkoutbutton, input.checkoutbutton1, input.checkoutbutton2{ ...becomes... input.ectbutton,input.checkoutbutton, input.checkoutbutton1, input.checkoutbutton2{ Then a bit further down do the same for the hover... input.checkoutbutton:hover, input.checkoutbutton1:hover, input.checkoutbutton2:hover{ ...becomes... input.ectbutton:hover,input.checkoutbutton:hover, input.checkoutbutton1:hover, input.checkoutbutton2:hover{ Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
dbdave ECT Moderator USA 10507 Posts	Posted - 01/10/2020 : 20:34:39 No worries Vince, my post was a general example of how "hover" works in css rather than specific to Julies site.
Vince Administrator 42983 Posts	Posted - 01/11/2020 : 01:46:29 What I've done is made a sticky post in the Off Topic as I think this is going to come up a lot. I would appreciate any opinions about if it is easy to understand or not... https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=112382 Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
Positivek9 Ecommerce Template Guru USA 4061 Posts Pre-sales questions only (More Details...)	Posted - 01/11/2020 : 17:13:53 Hmmm... When I did that I ended up with black buttons with a pink or blue hover. I don't want black buttons... ugh. And on the home page I ended up with big pink buttons... The more I screw with this, the worse my site is getting. So I undid the change. I have the Quick Buy/Get Details like I want it on the product & product detail page - except for the dark blue hover. My home page & search page QB/GD buttons are the same color at least, hover works on home page QB, won't on the search page. Don't care. I think I'm just going to change the blue and be done with it. I am so over this tonight... Julie Owned & loved by 5 German Shepherds ~ RIP Menace & Peanut ~ Edited by - Positivek9 on 01/11/2020 17:14:26
Positivek9 Ecommerce Template Guru USA 4061 Posts Pre-sales questions only (More Details...)	Posted - 01/11/2020 : 17:50:47 To change the hover color: input.ectbutton:hover,button.ectbutton:hover{ background:#000000; } Julie Owned & loved by 5 German Shepherds ~ RIP Menace & Peanut ~
	« Topic »