| CSS button appearance.
I want to slightly change the appearance of the button but I can't. |
emmanuelsegui
msg:4363683 | 5:14 am on Sep 17, 2011 (gmt 0) |
Hi, I want to slightly change the appearance of the button but I can't . can you you help.
Here's the URl where you'll see the add to cart button at the bottom
[sketchscrapbooking.com...]
Here's my css for the button. All I want is move the button image so the text is at the center of the image. now, it's too much on the + sign. Can you help? I tried everything. I must miss something very simple. I'm a total newbie and don't know CSS at all. Thanks
background: url(wpsc-images/add-to-cart.png) no-repeat scroll 0 3px transparent;
color: #FFFFFF;
display: block;
font-family: 'Helvetica Neue',Helvetica,Arial,serif;
font-size: 12px;
font-weight: bold;
height: 35px;
line-height: 28px;
text-indent: 30px;
width: 163px;
float:right;
}
|
rocknbil
msg:4364351 | 5:21 pm on Sep 19, 2011 (gmt 0) |
Welcome aboard emmanuelsegui, your link 404's (which is the main reason links are discouraged here.) did you try changing this
text-indent: 30px;
to this?
text-align: center;
A side note, this Mac only font
Helvetica Neue
is likely only to render on Macs. The rest of the browsing Internet will get arial/helvetica. I suggest altering your design to fit the more universal font.
|
|
|
