a problem with floating social bars

[osamafelfel]

First of all thanks a lot for this wonderful theme. here is the thing, on my site I'm facing an issue that any floating social bar gets display when scroll a bit, not as soon as the page is loaded. I have been told that

your theme has overflow:hidden CSS on few divs that is making the plugin to hide when it reaches the top. When the bar reaches the top the share bar's position CSS is changed from fixed to absolute. Absolute positioned elements are hidden or not visible if they are outside the margins of its parent element with overflow:hidden CSS

Cloud you help me, please?
Thanks again.

[drake]

I'm using float bar from "Share and Follow" plugin and works fine on a Suffusion site, also I see other floating bars on various sites of users of this forum - so I suspect that isn't such an issue in Suffusion, but can be in your specific configuration. If the author of your plugin tell you that, maybe it mention what is that specific element with "overflow:hidden" and you can correct that by adding "overflow:visible" at Custom Style section for that specific element.

[osamafelfel]

Thanks drake for your replay.
The plugins I tried are:
1- scrolling-social-sharebar.1.0.4
2- scrolling-twitter-like-google-plusone-linkedin-and-stumbleupon.1.0.2
3- digg-digg.4.5.3.4
4- 1-click-retweetsharelike.4.6
5- sharebar
and some others. These plugins make the share buttons in a floating side bar on the left of the content. And these all are not working on Suffusion theme unless you scroll a little.
Unfortunately when I try another theme these plugins work perfectly, so I think it's really a Suffusion issue and the author didn't tell me what is the specific element to override.
The main thing here that I love Suffusion and it has all I need and also I need scrolling-social-sharebar cause it has what I'm looking for so I really need both of them.

[osamafelfel]

After looking up I found the problem and I solve it.
What I did is changing

Code: Select all

overflow: hidden

to

Code: Select all

overflow: visible

in the style.css file at

Code: Select all

.post, div.page {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C0C0C0;
    clear: both;
    margin-bottom: 10px;
    overflow: visible;
    padding: 25px 15px 1em;
}

I tested it well and I'm pretty sure no problems will happen and I really hope this will help someone.

[Cassio]

Thanks for sharing your knowledge, I have the same problem with floating Facebook send button,
the problem is....where can I insert the path you suggested??
went to suffusion editor...looked and looked for the spot to copy your path but couldn't find it...what do you mean by CODE: SELECT ALL ??..could you please be a bit more precise and teach me where to go??

thanks a lot!

[osamafelfel]

In your WordPress's Administrator page go to appearance --> editor.
You will find some files on your right hand. press on style.css file and do what I did. Ignore "Code: Select all" It's not some thing you will find in the style.css

[drake]

Hmmmm... the worst way to adjust CSS in Suffusion - in case of upgrades you will loose changes (it's preserved only if you made a child theme and that style.css is from this theme).

In Suffusion is enough to go at Suffusion Options -> Backend -> Custom Includes -> Custom Styles and simply paste ALL CODE SELECTED AND COPIED from the box below:

Code: Select all

.post, div.page {overflow:visible;}

[tobi1kanoby]

Hi Drake,
Thanks for that tip.
it seems to be working fine on most browsers, but I have issues with a floating bar ( digdig) on firefox.
it only happens on posts, not pages:
please have a look at :
http://makemoneyim.com no issues
http://makemoneyim.com/link-claw-review/ sharebar issues

[drake]

Your broken layout on that page is deffinitelly related to mark-up errors. The page with problems generated 107 errors, but the "good" page have just 34 errors at validator.w3.org.

Start checking what you have on that page different than the rest of site, a plugin, a widget or even the posts from there have an unbalanced tag that break the markup.

[tobi1kanoby]

Thanks Drake, will look into the plugins,
my main issue here is this only happens on post, all posts, not pages, which led me think it's a theme configuration issue.
do you happen to know any particular plugin that may cause this mess?
Thanks
Tobi