Social share module vertical layout

SOLVE
New Contributor

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.

COS
Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
Top Contributor | Partner

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

6 Replies 6
Highlighted
Regular Contributor | Gold Partner

@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');
}
}

Reply
0 Upvotes
Highlighted
New Contributor

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.

Reply
0 Upvotes
Highlighted
Top Contributor | Partner

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

Highlighted
New Contributor

That's a great idea, thanks!

Reply
0 Upvotes
Highlighted
New Contributor

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.

Reply
0 Upvotes
Highlighted
New Contributor

Never mind - I got it to work.  

Reply
0 Upvotes