Jul 2011
4 / 4
Jul 2011
Jul 2011
peterb
Jul '11

I'm attempting to add a product to a self-hosted Wordpress page but the Add to Cart buttons are being enlarged to 425x120 pixels and have an unwanted border.



I've used the HTML and javascript options for the button and both display the same fault. I've used the regular image and a custom image - still no joy.



Interestingly, the View Cart button displays correctly.



Any thoughts?



The page is at http://www.heatherbestel.com/smoking/

  • created

    Jul '11

  • last reply

    Jul '11
  • 3

    replies

  • 896

    views

  • 2

    users

  • 1

    link

peterb
Jul '11

Issued solved.



For anyone with a similar problem, I am using the Thesis theme and added a line to my custom.css file like this:



.custom .format_text input {width:auto; background:none; border:0px;}

E-junkie_GuruWebmaster & Support Guru
Jul '11

Glad you sorted it out!



Just to clarify what was going on there, the Add to Cart code for items using Variations/Variants is actually an HTML form, where the Add to Cart button itself is actually an <input type="image"> that submits the form, rather than a linked <img> tag, so CSS rules affecting <input> elements would affect that type of Add to Cart button. Since our standard button code already specifies that button with a class="ec_ejc_thkbx" attribute, your CSS fix could just do something like this:



input.ec_ejc_thkbx {width:auto; background:none; border:0;}