How to add social media categories

6 posts from 2 voices

• Started 8 months ago by mimishkoumish
• Latest reply from Ismael
• This topic is not a support question

Tags:

No tags yet.

1. 

   mimishkoumish
   Member

   Hello,

   How can I add social media categories? All I see is the RSS, Facebook and Twitter options, but I'd like to add Pinterest, Instagram, etc.
   How can I do this?

   Thank you!

   Posted 8 months ago #
2. 

   Ismael
   Moderator

   Hi,

   Flashlight is limited with that option but if you want to add some social medias, you can open sidebar.php and find this code

   if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Facebook</a></li>";
   						if($twitter = avia_get_option('twitter')) 	echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a></li>";

   Below that you can add something like

   echo "<li class='pinterest'><a href='http://pinterest.com/your-account'>Pinterest</a></li>";`

   Then open custom.css and add this code

   .social_bookmarks .pinterest a{background: transparent url(../images/skin-dark/icons-rounded-pinterest.png) 0 0 no-repeat;}

   You need to provide the pinterest icon.

   Regards,
   Ismael

   Posted 8 months ago #
3. 

   mimishkoumish
   Member

   Is it possible to completely eliminate the social media icons provided as a default with the theme so I can just use the plugins?
   How can I do this?

   Posted 8 months ago #
4. 

   Ismael
   Moderator

   Hi ,

   You can get rid of the social media icons (theme default), by adding this code in Quick CSS or custom.css:
   

   .social_bookmarks {
      display: none;
   }

   or this one:
   

   .social_bookmarks {
      display: none !important;
   }

   Hope this helps.

   Regards,
   Ismael

   Posted 8 months ago #
5. 

   mimishkoumish
   Member

   This worked perfect, but is there a way to have the copyright info fill the bottom area horizontally where now the social media icons are gone?
   Basically, can I have it show on one line spread out horizontally to cover the entire footer space?

   Thanks!

   Posted 8 months ago #
6. 

   Ismael
   Moderator

   Hi mimishkoumish,

   Just add this code in your Quick CSS:
   

   .hide_content_wrap {
   width: 100%;
   }

   or this code, if the code above doesn't work:
   

   .hide_content_wrap {
   width: 100% !important;
   }

   Hope this helps. :)

   Regards,
   Ismael

   Posted 8 months ago #

RSS feed for this topic

Reply

You must log in to post.