[solved] My theme buttons wont show up in IE

[Prestolabels]

Hello All,

 

I am setting up a new shop that is not yet live but I am running into an issue with IE.

 

My buttons show up fine in firefox and chrome but wont show up in IE. The text of the button shows up when you hover because it changes to black. I have attached images of what I am seeing.

 

Please let me know if you need any more information,

 

Thank you for any help.

 

[Carl Favre]

Hi Prestolabels,

 

Can you check the code/css of your button with Firebug and paste it here ?

 

 

[Prestolabels]

Hi Prestolabels,

 

Can you check the code/css of your button with Firebug and paste it here ?

 

Yes here is the code for all of my buttons. The global button is what those are classified as.

 

 

/* —————————————————————————————— buttons —————————————————————————————— */

/*

-tags: input, a, span

-sizes: mini, small, normal, large

-types: button, exlusive

-status: normal, hover, disabled

-rule: the span.button is a a.button disabled

*/

 

/* global button */

input.button_mini, input.button_small, input.button, input.button_large,

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,

a.button_mini, a.button_small, a.button, a.button_large,

a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large

{height:21px !important;display:block;background:url(../img/bttns.png) 0 0 repeat-x;border:none;font:600 9px "Open Sans" !important;color:#fff !important;text-decoration:none;text-align:center;text-transform:uppercase;cursor:pointer;}

 

/* link/span button */

a.button_mini, a.button_small, a.button, a.button_large,

a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {line-height:21px !important;}

 

/* firefox padding fix for input tag */

@-moz-document url-prefix() {

input.button_mini, input.button_small, input.button, input.button_large,

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled

{padding-bottom:2px;}

}

 

/* disabled button */

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {cursor:default;color:#aaa !important;}

 

/* hover buttons */

input.button_mini:hover, a.button_mini:hover, input.button_small:hover, a.button_small:hover,

input.button:hover, a.button:hover, input.button_large:hover, a.button_large:hover,

input.exclusive_mini:hover, a.exclusive_mini:hover, input.exclusive_small:hover, a.exclusive_small:hover,

input.exclusive:hover, a.exclusive:hover, input.exclusive_large:hover, a.exclusive_large:hover {background:#e0e0e0;color:#000 !important;text-decoration:none !important;}

 

/* all buttons */

input.button_mini, input.button_mini_disabled, a.button_mini, span.button_mini,

input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini {width:60px;background:;}

 

input.button_mini:hover, a.button_mini:hover,

input.exclusive_mini:hover, a.exclusive_mini:hover {background:;}

 

input.button_small, input.button_small_disabled, a.button_small, span.button_small,

input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small {width:90px;background:;}

 

input.button_small:hover, a.button_small:hover,

input.exclusive_small:hover, a.exclusive_small:hover {background:;}

 

input.button, input.button_disabled, a.button, span.button,

input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive {width:120px;background:;}

 

input.button:hover, a.button:hover,

input.exclusive:hover, a.exclusive:hover {background:;}

 

input.button_large, input.button_large_disabled, a.button_large, span.button_large,

input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large {width:180px;background:;}

 

input.button_large:hover, a.button_large:hover,

input.exclusive_large:hover, a.exclusive_large:hover {background:;}

[Pshopic]

just delete "background:;" under "/* all buttons */" and check it.

[Prestolabels]

just delete "background:;" under "/* all buttons */" and check it.

 

Thank you for your help but I have decided to upgrade to 1.5 and this theme is no longer needed.