Welcome to WebmasterWorld Guest from 54.147.20.131

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.

     

emmanuelsegui

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

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

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



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.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month