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

 All Forums
 General
 CSS and Responsive Designs
 Ask A Question and Email Friend Button
 New Topic  Reply to Topic
 Printer Friendly
Author  Topic   

cooper
Ecommerce Template Guru

USA
2763 Posts

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

Posted - 05/06/2020 :  04:13:58  
http://www.champsportinggoods.com/proddetail.asp?prod=HO053P

All my buttons are blue, then change to red on hover... Except the Ask a Question and Email a Friend.

They are gray, but then move to red when moused over.

I tried changing the ".emfhl" styling, but no change.

What am I missing?

Bill

Marshall
Ecommerce Template Guru

USA
1576 Posts

Posted - 05/06/2020 :  04:48:13  
Try
<style>
input.lgaskaquestion,input.lemailfriend{background:#003366;color:#fff;height:21px;border:0;border-radius:4px;font-size:12px;cursor:pointer;margin-top:8px;font-family:FontAwesome,sans-serif;}
input.laskaquestion:hover,input.lemailfriend:hover{background:#CC0000;}
</style>
You can put this in the <head> of the product detail page. If you put it in the ectstyle3.css sheet, remove the <style></style> tags.


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

cooper
Ecommerce Template Guru

USA
2763 Posts

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

Posted - 05/06/2020 :  05:08:02  
Thanks, Marshall. Ask A Question changed, but Email A Friend is being a stickler.



Bill

Marshall
Ecommerce Template Guru

USA
1576 Posts

Posted - 05/06/2020 :  05:58:46  
Just noticed, should be smemailfriend not lgemailfriend
smemailfriend is the small button.
lgemailfriend is the large one.

You have the large ask a question (lgaskaquestion) but the small email a friend (smemailfriend).

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

Vince
Administrator

39437 Posts

Posted - 05/06/2020 :  07:20:01  
Hi Bill
I think this may help. In ectstyle3.css around line 77 there is something like...
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{

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{

Vince

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

cooper
Ecommerce Template Guru

USA
2763 Posts

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

Posted - 05/06/2020 :  08:11:54  
Thanks, Vince. That cured it.

Marshall, looks like the button size mismatch is causing an alignment issue. I'll keep working on it!

Thank you both for the help!

Bill

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