Social Bookmarking icons in 4.0.4

Looks like the alignment of the social bookmarking icons on vB 4.0.4 are now a few pixels a bit too low. This is consistent across Chrome, Firefox, and Safari (on OS X):


Check how it looks when the window is resized, when using the standard vB fluid theme. All the post options get wrapped before the icons:


Also, check how it looks when a user is not logged in. I hope it can be changed so the icons slide to the right.



Thanks.

So you see the same thing here at vbseo.com? we are running 4.0.4 now as well and do not see this issue here. have you done any skin customizations?

Using standard, reverted vB theme with no customizations. I even created a new style and same problem.

I can see that the icons here at vbseo is working as it should. I wonder why? Some setting maybe?

I have the same issue - just thought I would confirm it so that you knew there was an issue.

On my site they are as the original poster said however here on vBSEO they look right.

Please open a ticket with example URL and admincp access to check this.

Originally Posted by Oleg Ignatiuk

Please open a ticket with example URL and admincp access to check this.

I'm a bit hesitant to provide all my login and ftp details. I think the best way is for any vb admin in vbseo to create a new test style without any parent style. That should replicate the problem easily.

Ok, I got this from my ticket: "I can't reproduce this issue both on vbseo.com and my own forums." Note that I am using a clean vB that I just upgraded to vB 4.0.4 with no added plugins/products whatsoever, except for vbseo.

For those having the problem, here's the fix:

vB must have changed something on the default template (v4.0.4) making the icons in a div which floats left would float at the center (actually, I don't understand why a div is used here anyway). So, on line 40 of /vbseo/includes/functions_vbseo_vb.php, replace:

Code:

'<div style="float:\'.vB_Template_Runtime::fetchStylevar("left").\'">' . $pdata['abm'] . "</div>\n" . $search_for

with:

Code:

$pdata['abm'] . '<span class="seperator">&nbsp;</span>' . $search_for

Note that I added the span there so it would look more consistent with vB (adding that vertical separator).

If you are using Legacy (Vertical) Postbit, in the postbit.css template, add this at the end:

Code:

.postbitlegacy .postfoot .textcontrols a img, .postbitlegacy .postfoot .textcontrols a:hover img {
	top: -8px;
}

I hope this helps those who have the problem.

If we can't reproduce the issue , i am not sure what you expect us to respond.

Having the same issues, however slightly different as my icons are in the middle when users are logged in as well as guests.

Social Bookmarking display messed up in 4.0.4

Thanks to rsuplido for the fix

We are currently looking into a better way to display the social icons.

I guess you have replicated the problem?

If I may suggest, I would prefer to see the icons beside the post number instead (upper right of post), where the post permalink is.

Thanks.

No we still couldn't reproduxe the issue. changing layout of Social Bookmark icons was a longly remaining discussion and we decided to include into 3.5.2

Hi,
This issue is from vBulletin. This can be easily fixed by some modifications in CSS. No need to do much work for this.
rsuplido, already posted a good solution. If you think that this will create any problem for you you can generate new skin and then do these modifications on newly generated skin.

Thanks,

Originally Posted by rsuplido

Ok, I got this from my ticket: "I can't reproduce this issue both on vbseo.com and my own forums." Note that I am using a clean vB that I just upgraded to vB 4.0.4 with no added plugins/products whatsoever, except for vbseo.

For those having the problem, here's the fix:

vB must have changed something on the default template (v4.0.4) making the icons in a div which floats left would float at the center (actually, I don't understand why a div is used here anyway). So, on line 40 of /vbseo/includes/functions_vbseo_vb.php, replace:

Code:

'<div style="float:\'.vB_Template_Runtime::fetchStylevar("left").\'">' . $pdata['abm'] . "</div>\n" . $search_for

with:

Code:

$pdata['abm'] . '<span class="seperator">&nbsp;</span>' . $search_for

Note that I added the span there so it would look more consistent with vB (adding that vertical separator).

If you are using Legacy (Vertical) Postbit, in the postbit.css template, add this at the end:

Code:

.postbitlegacy .postfoot .textcontrols a img, .postbitlegacy .postfoot .textcontrols a:hover img {
	top: -8px;
}

I hope this helps those who have the problem.

Great fix, that's been annoying me for a while

Originally Posted by rsuplido

Ok, I got this from my ticket: "I can't reproduce this issue both on vbseo.com and my own forums." Note that I am using a clean vB that I just upgraded to vB 4.0.4 with no added plugins/products whatsoever, except for vbseo.

For those having the problem, here's the fix:

vB must have changed something on the default template (v4.0.4) making the icons in a div which floats left would float at the center (actually, I don't understand why a div is used here anyway). So, on line 40 of /vbseo/includes/functions_vbseo_vb.php, replace:

Code:

'<div style="float:\'.vB_Template_Runtime::fetchStylevar("left").\'">' . $pdata['abm'] . "</div>\n" . $search_for

with:

Code:

$pdata['abm'] . '<span class="seperator">&nbsp;</span>' . $search_for

Note that I added the span there so it would look more consistent with vB (adding that vertical separator).

If you are using Legacy (Vertical) Postbit, in the postbit.css template, add this at the end:

Code:

.postbitlegacy .postfoot .textcontrols a img, .postbitlegacy .postfoot .textcontrols a:hover img {
	top: -8px;
}

I hope this helps those who have the problem.

i followed your fix but i haven't centered correctly the icons (i use the new postbit) ...

also i noticed that the icons in the blogs are completely vanished ...