CSS for the Floating Social plugin

Can the boxes be made smaller ?

Can the vertical space between the different SocialNetworks be increased?
They touch each other so that it is very easy to confuse which box belongs to which network.

When I set it to the right side and -100 px it works okay on pages without a sidebar.
However when there is a sidebar it measures the 100px from the main content area.
What options are there to fix this problem?

Floating social does not seem to adapt to screen sizes -
on some screens it is totally hidden.
This seems like a huge limitation to me no?

However I notice if the screen is not tall enough (because I opened Firebug)
FloatingSocial becomes horizontal at the top of the content.

Thanks ~
Dan V

  • Philip John

    Hiya!

    Can the vertical space between the different SocialNetworks be increased?

    Yep! Using a tool like Firebug you can see the element names and then simply add CSS rules into your theme's stylesheet to add padding or margin as needed.

    What options are there to fix this problem?

    You'll likely need to add CSS rules into your theme's stylesheet to counter this only when the sidebar is loaded. This is likely to be possible using classes assigned to the Body tag in the relevant template.

    This seems like a huge limitation to me no?

    This is entirely dependent on your theme really. If your theme is responsive it should work fine in different resolutions.

    Thanks,
    Phil

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.