All Collections
RacontR documentation (English)
Elements/plugins
Add social media sharing icons
Add social media sharing icons

Insert social media links and icons on your pages

Edouard Williamson avatar
Written by Edouard Williamson
Updated over a week ago

In RacontR, you can insert social media buttons so people can like and share your project on their favourite networks.

Here are the different options offered by RacontR covered here :

  • Add social media icons

  • Icons parameters

  • Custom CSS tip : customize the size of your icons

Add social media icons

To add Facebook, Twitter, Google +, LinkedIn or Pinterest sharing buttons in your project :

  1. Click on add element on the left menu

  2. Choose "social" 

 

Icons parameters

To configure the page you wish to share :

  1. Click on social media icons, then parameters.

  2. You can choose what to display, different themes, displaying or not the label, the counter, select a page (optional) and the description text.

CSS tips and tricks : customize the size of the social media icons on your page

If the preset size of the icons doesn't fit your display needs, you can use your "custom CSS" window to add code snippets and adjust the icons' size at will.

In the "custom CSS" window (which you'll find in the grey horizontal menu at the very bottom of your page editor), copy-paste the following snippet :

.jssocials-share-logo{
font-size:30px;
}

Here we entered a 30px value but you can change it as you wish in order to fit your display needs.

Please note that this change in size cannot be seen from the editor but only from the preview window (or your published version, of course).
If the size you choose is large, make sure to check the results in the preview window and adjust the size of the element box accordingly so that your icons are fully displayed.

Did this answer your question?