` * then to the css add this: * ``` #sociable ul li { margin-left: 0px; padding-left: 0px; } ``` * hope it helps * Thread Starter [deansellsaz](https://wordpress.org/support/users/deansellsaz/) * (@deansellsaz) * [17 years, 6 months ago](https://wordpress.org/support/topic/help-with-sociable-plugin-please/#post-898203) * thanks… follow up question.. * im a newbie * the

where does this go? what file? * and the add to css that to the sociable.css? * Thread Starter [deansellsaz](https://wordpress.org/support/users/deansellsaz/) * (@deansellsaz) * [17 years, 6 months ago](https://wordpress.org/support/topic/help-with-sociable-plugin-please/#post-898204) * here is the sociable.css div.sociable { margin: 16px 0; } * span.sociable_tagline { position: relative; } span.sociable_tagline span { display: none; width: 14em; } span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line- height: 1.25em; } .sociable span { display: block; } .sociable ul { display: inline; margin: 0 !important; padding: 0 !important; } .sociable ul li { background: none; display: inline; list-style-type: none; margin: 0; padding: 1px; } .sociable ul li:before { content: “”; } .sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; } * .sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40);}. sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);} * [Rodeo Imagination](https://wordpress.org/support/users/shiroujune/) * (@shiroujune) * [17 years, 6 months ago](https://wordpress.org/support/topic/help-with-sociable-plugin-please/#post-898289) * Ok. As I thought you have a hierarchy problem here, the code with sociable is well done. It’s just another code superior to it that makes your buttons distend like that. * There are some ways to apply CSS inside tags: * CLASS way (which you are using) * ``` in the HTML file:

in the CSS file: .sociable ``` * ID way (which is superior in CSS heriarchy to CLASS) * ``` in the HTML file:

in the CSS file: #sociable ``` * Take a look at your source code, or where you pasted the HTML code for your plugin, I found this: * ```

Share and Enjoy:

``` * change the first line in your theme to: `

` * then change your css to: * ``` div #sociable { margin: 16px 0; } span.sociable_tagline { position: relative; } span.sociable_tagline span { display: none; width: 14em; } span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; } #sociable span { display: block; } #sociable ul { display: inline; margin: 0 !important; padding: 0 !important; } #sociable ul li { background: none; display: inline; list-style-type: none; margin: 0; padding: 1px; } #sociable ul li:before { content: ""; } #sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; } .sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); } .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } ``` * That should make it. At least worked fine here… Regards! * Thread Starter [deansellsaz](https://wordpress.org/support/users/deansellsaz/) * (@deansellsaz) * [17 years, 6 months ago](https://wordpress.org/support/topic/help-with-sociable-plugin-please/#post-898298) * any ideas? * [stephen-pickering](https://wordpress.org/support/users/stephen-pickering/) * (@stephen-pickering) * [17 years, 2 months ago](https://wordpress.org/support/topic/help-with-sociable-plugin-please/#post-898443) * Hi ShirouJune * I’m having same problem. I think I understand what you are saying, but how do I edit the HTML source code in wordpress? I see where I can edit the CSS style sheet. * Thanks, Stephen Pickering * [http://stephenpickering.com](http://stephenpickering.com) * [stephen-pickering](https://wordpress.org/support/users/stephen-pickering/) * (@stephen-pickering) * [17 years, 2 months ago](https://wordpress.org/support/topic/help-with-sociable-plugin-please/#post-898444) * I mean is it in a certain wordpress php file or the social.php file? * Thanks Viewing 7 replies - 1 through 7 (of 7 total) The topic ‘help with sociable plugin please’ is closed to new replies. * 7 replies * 3 participants * Last reply from: [stephen-pickering](https://wordpress.org/support/users/stephen-pickering/) * Last activity: [17 years, 2 months ago](https://wordpress.org/support/topic/help-with-sociable-plugin-please/#post-898444) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics