asked on

CSS Sharing button width issue

We're having a weird issue with standard share this code where the E-mail sharing field is way too wide.

Looking for any insight as to what might be causing this. Cannot seem to find any css that would override this at first look.

Thanks in advance.

http://abacusnyc.com/sharing.php?job=1047&sort=1&category=perm&page=1&updown1=2&reload=1

JF0

Remove the display property from this style.

.stButton .chicklets {
background: url("http://w.sharethis.com/share4x/images/service-icons-sprite.png") no-repeat scroll right top transparent;
display: inline-block;
font-family: Verdana,Helvetica,sans-serif;
font-size: 11px;
height: 16px;
line-height: 16px;
padding-left: 20px;
padding-right: 0;
white-space: nowrap;
}

jsuissa

ASKER

Thanks -- I just found the same thing but ShareThis.com adds that in automatically I am wondering if an inline css style to replace it may be the best approach?

JF0

just create your own style and use !important to force an override. :

.chicklets {
display:inline !important'
}

jsuissa

ASKER

Thanks we just tried that -- but I changed it to make sure it matched your exact suggestion and put it into our CSS (main.css) at the very bottom.

Looks like it's still not overriding?

ASKER CERTIFIED SOLUTION

JF0

membership

Create a free account to see this answer

Signing up is free and takes 30 seconds. No credit card required.

See answer

jsuissa

ASKER

Yea...just saw that too...it's all set...thanks so much!

JF0

glad I could help