CMS Development

guyco
Participant

Social share module vertical layout

SOLVE

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.

0 Upvotes
1 Accepted solution
subin
Solution
Top Contributor | Gold Partner
Top Contributor | Gold Partner

Social share module vertical layout

SOLVE

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
subin
Solution
Top Contributor | Gold Partner
Top Contributor | Gold Partner

Social share module vertical layout

SOLVE

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

Ekessler
Member

Social share module vertical layout

SOLVE

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

Social share module vertical layout

SOLVE

Never mind - I got it to work.  

0 Upvotes
guyco
Participant

Social share module vertical layout

SOLVE

That's a great idea, thanks!

0 Upvotes
nschurdell
Contributor

Social share module vertical layout

SOLVE

@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

Social share module vertical layout

SOLVE

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