Can someone please help me fix this social bookmarking icon display problem?

I don't know enough CSS to figure out how to get rid of the white bars behind the social bookmarking icons



yes, I know it's a custom template, but the bars are visible even on the default template (almost impossible to see, but they are there). I read in another thread here to adjust the margin and or padding, but I have gotten nowhere. what is making the bars appear?

Do you have a link to the live site?

I turned off the feature because it looked so bad. I can easily turn it on again if you have time to take a look!

Of course, I just used this to straighten mine so it might be a similar problem

You need to make sure background value for the following class is set correct on your postbit.css

Code:

.postbitlegacy .postfoot .textcontrols a, .postbit .postfoot .textcontrols a, .eventbit .eventfoot .eventcontrols a

Originally Posted by toon

Of course, I just used this to straighten mine so it might be a similar problem

At Mert's suggestion, I applied the same change (Social Bookmarking icons in 4.0.4)

looks better, but the bars are now centered behind the icons

Originally Posted by Mert Gökçeimam

You need to make sure background value for the following class is set correct on your postbit.css

Code:

.postbitlegacy .postfoot .textcontrols a, .postbit .postfoot .textcontrols a, .eventbit .eventfoot .eventcontrols a

makes sense, but how do I set the background value within postbit.css? I am just learning CSS, sorry for the hand-holding questions.

EDIT: currently live at www.ModernFitnessForum.com

Please try adding the following value all the way bottom of your postbit.css template

HTML Code:

.postbitlegacy .postfoot .textcontrols a, .postbit .postfoot .textcontrols a, .eventbit .eventfoot .eventcontrols a { background: #999; }

SUCCESS!!!

A huge THANK YOU Mert, I appreciate your help, really above and beyond vbSEO support!

You're welcome

background: transparent; might be the ideal solution here... that way whatever it is behind it will show through. or perhaps even background: inherit; so it takes the parent element....