Sarah

Sorry for the delay in replying. Things have been extremely busy for me lately.
Were you able to sort out the issues with the caching then?
The only thing I can now see wrong in that code sample is that there is an extra curly brace before the .crafty-social-share-buttons style rule, and none after it.

Good luck.
Cheers,
sarah

Perhaps try flushing the cache again?

The CSS that is currently being served by your site (probably from the cache version) still has a line of PHP code in it.

/* visual composer hack - overwrite the theme display block  @since 18/6/2015 */
.wpb_single_image .vc_single_image-wrapper {
  display: inline-block !important;
}
}
div.crafty-social-buttons ul li { display: block }
.crafty-social-buttons.crafty-social-share-buttons { top: 30px; }
.ui-tabs .ui-tabs-panel { margin-right: 30px; }
<?php if(function_exists('pf_show_link')){echo pf_show_link();} ?>
div.crafty-social-share-buttons.crafty-social-buttons-floating {
    position: absolute;

You can see it here at the bottom of the file:
http://www.hadithonlinebd.com/wp-content/themes/Newspaper/style.css?ver=6.6

Also, in that code you posted, it looks like there is an extra closing curly brace just before the last rule. (i.e. two lines in a row with })

Cheers,
Sarah

If you have a look in your style.css file, you will see right at the end that there is a line of PHP code just before your style override.

This is a direct link to your CSS file:
http://www.hadithonlinebd.com/wp-content/themes/Newspaper/style.css?ver=6.6

This is the line of PHP code:
<?php if(function_exists('pf_show_link')){echo pf_show_link();} ?>

You’ll have to remove this – it isn’t valid in a CSS file, and is probably why the style after it is being ignored.

Cheers,
sarah

Currently, when you set the buttons to floating, they will use a position: fixed rule to be fixed to either the left or right side of the screen.

If you add this override to the end of your theme:

div.crafty-social-share-buttons.crafty-social-buttons-floating {
    position: absolute;
}

This tells them that instead of floating within the whole window, they should just float inside their container. In your case, this should make them float within the tab panel. You can change the float to either right or left and choose the height in the plugin options setting. If you want to be more specific about exactly where they are positioned, you can add further override styles.

Cheers,
Sarah

This plugin is just designed to share a page/post url. It is designed to work within the WordPress framework, meaning it know about posts and pages. But it doesn’t know anything at all about the content of your page or whether it has images or video.

Facebook scans each page someone shares and extracts images and videos and displays them according to rules of its own. Most of the others just display the url.

There are probably other plugins out there that are designed specifically to share video or images, so they might suit your purposes. Or if you want something very custom, you could have it built into your theme so that it is aware of your specific content.

Cheers,
Sarah

You can make it do pretty much anything you want – it’s completely configurable with CSS.

While the plugin does come with some default styles that work for most blogs, it was also designed to be completely overridable in your theme CSS.

Once you have your page layout complete, it’s just a matter of figuring out the appropriate style overrides to add to your theme. But it’s probably best to be sure that your page layout and theme are finalised first.

And thank you for the thought regarding the cup of coffee! But as yours is also a free service, if you receive any donations, you should put them towards your site.

Cheers,
Sarah

Have you refreshed the cache?

This is a direct link to the CSS file: http://hadithonlinebd.com/wp-content/themes/Newspaper/style.css?ver=6.6

I don’t see the code at the bottom of the file.

I see you are using WP-Super-Cache so maybe it is still showing the old file?

Cheers,
Sarah