{"title":"Adding Social Media Icons into your Posts and Pages","id":37048,"link":"https:\/\/env.averta.net\/en\/step\/adding-social-media-icons-into-your-posts-and-pages\/","parent":[37142],"content":"<p>Use <strong>Socials<\/strong> shortcode to display your selected socials in a stylish way. You can add the Socials shortcode, select your desired direction, then fill in its attributes. Available options will be explained below.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-37049 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/socials.png\" alt=\"socials\" width=\"1031\" height=\"678\" \/><\/p>\n<h4>Horizontal<\/h4>\n<pre class=\"\">[aux_socials_list size=\"medium\" direction=\"horizontal\" title=\"Title\"]\r\n<\/pre>\n<h4>Vertical<\/h4>\n<pre class=\"\">[aux_socials_list size=\"medium\" direction=\"vertical\" title=\"Title\"]<\/pre>\n<p style=\"text-align: center;\"><p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>To see the demos of <strong>Socials<\/strong>, check out <a target=\"_blanck\" href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/default\/socials\/\" >this link<\/a>.<\/p>\n<table>\n<tbody>\n<tr>\n<th style=\"text-align: center;\">Option<\/th>\n<th style=\"text-align: center;\">Default Value<\/th>\n<th style=\"text-align: center;\">Values and Description<\/th>\n<\/tr>\n<tr>\n<td>title<\/td>\n<td>&#8220;Title&#8221;<\/td>\n<td>Here you can write a title for the shortcode or leave it empty.<\/td>\n<\/tr>\n<tr>\n<td>direction<\/td>\n<td>&#8220;horizontal&#8221;<\/td>\n<td>&#8220;horizontal&#8221;<\/p>\n<p>&#8220;vertical&#8221;<\/td>\n<\/tr>\n<tr>\n<td>size<\/td>\n<td>&#8220;medium&#8221;<\/td>\n<td>It allows you to change the size of the icons to:<\/p>\n<p>&#8220;small&#8221;<\/p>\n<p>&#8220;medium&#8221;<\/p>\n<p>&#8220;large&#8221;<\/p>\n<p>&#8220;extra-large&#8221;<\/td>\n<\/tr>\n<tr>\n<td>extra_classes<\/td>\n<td>&#8221; &#8220;<\/td>\n<td>Add your custom CSS class names here, to style particular content element differently.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","type":"solution"}