We have the pro version and want to change the look of the social media icons through the Share Social Media Element. Can we do this through css?
http://ripplesofgrace.com/fortitude
Thank you
Hi There,
Thank you for writing in, you can use the CSS selector below to style your Social Sharing element.
#shareColor .x-share-options a.x-share {
/*SOME CUSTOM CSS RULES HERE*/
}
Note: This will only work on the social sharing element with the ID of shareColor.
Cheers!
Awesome Thanks, is there a way to change the icon inside to one I like?
Hi there,
You can change the icon in the settings:
Hope this helps.
I am not seeing the settings for the social share element…
Hi There,
You can use the custom CSS below.
/*facebook*/
#shareColor .x-share-options a.x-share i.x-icon-facebook-square:before {content: '\f09a';}
/*twitter*/
#shareColor .x-share-options a.x-share i.x-icon-twitter-square:before {content: '\f099';}
/*google plus*/
#shareColor .x-share-options a.x-share i.x-icon-google-plus-square:before {content: '\f0d5';}
/*pinterest*/
#shareColor .x-share-options a.x-share i.x-icon-pinterest-square:before {content: '\f231';}
/*email*/
#shareColor .x-share-options a.x-share i.x-icon-envelope-square:before {content: '\f003';}
Look for your icons unicode here: http://fontawesome.io/icons/
Again this will only work on the social sharing element with the ID of shareColor.
Cheers!
1 Like
awesome, thank you! Is there a way to customize the text that is shown on facebook, and default for google plus, twitter, and pintrest?
Hi There,
Regretfully further customization from here would fall outside of the scope of support that we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.
Thank you for understanding.
ok thanks.
Is there a way to at least change the shared image when posting to facebook? It seems to be posting our favicon instead of our featured image
Hi there,
You should clean your sharing information, it’s cache from facebook. You can do that by going here https://developers.facebook.com/tools/debug/ and add your site’s URL that you’re sharing, then hit DEBUG button, then last, click Scrape again button.
Hope that helps 
Thanks, I id that but it’s giving me the same issues.
Hi there,
In that case, please provide the site’s URL that has this issue.
Thanks!
Hi there,
You can try using the Yoast SEO social option where you could set the image that you want to be displayed on Facebook when that page is shared.
Is this something I have to install or does it come out of the box?
Hi There,
Yoast SEO is a 3rd party plugin that you need to install. You can download it here.
Thanks,
Perfect, THanks
No worries