Adding a share button inline + sharing style

Posted in: Newsmag
Post count: 16

Hey, first of all I’d like to say that the theme is absolutely amazing and am having a blast using it!

As for my question, it might not be the brightest one but I can’t figure it out for some reason. I have a social sharing button written in JS and I wanted to add it so it shows up next to facebook like button. The code looks like this:

<script language="javascript">
var wykop_url=location.href;
var wykop_title=encodeURIComponent(document.title);
var wykop_desc=encodeURIComponent('Description');
var widget_bg='FFFFFF';
var widget_type='compact2';
var widget_bold=true;
var widget_url='http://www.wykop.pl/dataprovider/diggerwidget/?url='+encodeURIComponent(wykop_url)+'&title='+(wykop_title)+'&desc='+(wykop_desc)+'&bg='+(widget_bg)+'&type='+(widget_type)+'&bold='+(widget_bold);
document.write('<div><iframe src="'+widget_url+'" style="border:none;width:100px;height:20px;overflow:hidden;margin:0;padding:0;" frameborder="0" border="0"></iframe></div>');</script>

Would be really greatful if you could help me figure this out.

And as for my 2nd question, what would be the best way to visually modify the sharing part of the single_post to make SHARE FACEBOOK/TWITTER/G+/PIN appear in one line and like button/tweet in the new line right below (and not inline as it is now)?

Thanks in advance and once again, terrific work with the theme!

Post count: 6600

Hi,

1. You have to add it here: http://screencast.com/t/BPsDrUZyaQXb
2. You can so it via css and use this custom css: http://screencast.com/t/eMu0jqpZOt

.post .td-main-content .td-classic-sharing {
display: block;
margin: 0px;
}

.post .td-main-content .td-post-sharing-bottom .td-classic-sharing {
margin: 0px 0px 10px 0px;
}

Thanks

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newsmag’ is closed to new topics and replies.