Social share module vertical layout

SOLVE
guyco
Participant

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
0 Upvotes
1 Accepted solution

Accepted Solutions
subin
Solution
Top Contributor

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

View solution in original post

6 Replies 6
nschurdell
Contributor

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

0 Upvotes
guyco
Participant

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.

0 Upvotes
subin
Solution
Top Contributor

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

View solution in original post

guyco
Participant

That's a great idea, thanks!

0 Upvotes
Ekessler
Member

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.

0 Upvotes
Ekessler
Member

Never mind - I got it to work.  

0 Upvotes