Woocommerce avia social share links modify

Hello,

I use your code:

add_theme_support( 'avia_custom_shop_page' );

add_filter('avf_template_builder_content', 'avia_add_social_toolbar_template_builder', 10, 1);
function avia_add_social_toolbar_template_builder($content = "")
{
	$content .= avia_social_share_links(array(), false, '', false);
	$content .= '';
	return $content;
}

add_action('woocommerce_after_single_product_summary', 'avia_add_social_toolbar', 10);
function avia_add_social_toolbar()
{
	$content  = avia_social_share_links(array(), false, '', false);
	$content .= '<div class="hr"></div>';
	
	echo $content;	    
}

1. I would like to visible social share links on product page only. Now the links are visible on front page too.
2. And how can I change width and position of social share links? Please check my mockup. Can I use a simple selector?

Best regards,
Peter