Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

CSS button appearance.

I want to slightly change the appearance of the button but I can't.

5:14 am on Sep 17, 2011 (gmt 0)

New User

5+ Year Member

joined:Sept 17, 2011
posts: 1
votes: 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

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;

5:21 pm on Sept 19, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Nov 28, 2004
votes: 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.