homepage Welcome to WebmasterWorld Guest from 54.198.42.105
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved