I've been banging my head against a brick wall for over an hour with this, and i'm sure it's something simple.
I have a new button with a plugin that I installed and I want it to look like all my other buttons. I pulled the same properties but for some reason it will not show the background image behind the text. It shows a tiny bit to the left of the text, then stops. If I select a background color it will show behind it, but images won't show. What am I missing? I have checked all css stylesheets that came with the plugin to see if they're interfering and none are related.
Here is my css:
button.button-am {
overflow:visible;
width:auto;
border:0;
padding:0;
margin:0;
cursor:pointer;
height: 28px;
background-color: transparent;
background-image: url(../images/bkg_btn.png);
}
button.button-am span { float:left; height:28px; padding:0 0 0 6px; font:bold 11px/25px Tahoma, Verdana, Arial, sans-serif; text-transform:uppercase; text-align:center; white-space:nowrap; color:#555; }
My coding from Magento is:
<button class="button-am" type="submit"><span><?php echo $this->__('Save Name') ?></span></button>
../images/bkg_btn.png
is the correct path to image file? – Ozgur Bar Feb 3 '15 at 6:42../images/bkg_btn.png
withhttp://wallpoper.com/images/00/31/33/51/black-background_00313351.jpg
? still can't see it? – Ozgur Bar Feb 3 '15 at 6:48images/bkg_btn.png
for instance. – Ozgur Bar Feb 3 '15 at 6:52