Social share module vertical layout

Developer Support CMS Development
1

Hi,

Is there a simple / quick way to make the social share module vertical aligned?

(and the email subscription module as well).

I’d like to add them to the blog sidebar but in a vertical layout.

Thanks,

Guy.

2

@guyco you can use similar javascript/jQuery and css (see below) to accomplish this…

var t=setTimeout(function(){
$(‘#please_share’).css(‘visibility’,‘visible’).hide().fadeIn(“slow”);
clearInterval(t);
}, 2000);
if($(window).width()<865) {
$(‘#please_share’).removeClass(‘share_class’);
$(‘#please_share’).insertAfter(“.page-header”);
}
else {
$(‘#please_share’).prependTo(“.page-inner”);
$(‘#please_share’).css(‘top’,(parseInt($(‘.page-header’).offset().top)+200)+‘px’);
var width=parseInt($(‘.page-header’).offset().left);
width=width-70;
if(width<=175) {
$(‘.share_class’).css(‘margin-left’,width+‘px’);
}
else {
$(‘.share_class’).css(‘margin-left’,‘175px’);
}
}

3

Thanks for the reply.

Sorry but I’m not sure I understand how it is related to the default social share module …

Thanks again,

Guy.

4

Hi @guyco

Try to use share this http://www.sharethis.com/ you can use the plugin for single post too, embed the code and check. i think we can use it in both vertical and horizontal directions

Thanks

5

That’s a great idea, thanks!

6

Can you share with me where on the template design to use the Share this code? I’ve played around with it and it doesn’t seem to be working, even after I added the code in the head and verified the domain. I just don’t know where to add the <div> on the template for the blog pages.

thanks.

7

Never mind - I got it to work.