Support Center Visit Demo License manager Buy @ envato

social media

mosalimzadmosalimzad
in Shortcodes

Dear Phil,

i have imported a prebuild website. everything is ok . just in the footer and the widget area there are social media icons as attached images "social 1" & "social code 1" . now when i want to customize the codes to use different icons (i am adding instagram instead of gplus and youtube instead of pointerest), two icons disappear. please check attached "social 2" & "social code 2" .


please advise

This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.
Image
social 1.jpg
55.05 KB
This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.
Image
social code 1.jpg
69.08 KB
This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.
Image
social 2.jpg
62.4 KB
This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.
Image
social code 2.jpg
77.05 KB


Comments

  • PhilPhil

    Hi,

    The icons are not working because there are no icons with such names.

    Under the link below you will find a list with all available icons.

    https://muffingroup.com/betheme/elements/icons/


    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • mosalimzadmosalimzad

    Dear Phil,


    thx for your advise. i did it and my problem solved. now just one thing. how can i make some space between social icons ???


    <p style="text-align: right; margin-top: 10px; font-size: 20px; line-height: 30px;">

       <a style="color: #3a589b;" href="#"><i class="fab fa-facebook-f"></i></a>

       <a style="color: #C13584;" href="#"><i class="fab fa-instagram"></i></a>

       <a style="color: #32ccfe;" href="#"><i class="fab fa-twitter"></i></a>

       <a style="color: #FF0000;" href="#"><i class="fab fa-youtube"></i></a>

       <a style="color: #0A66C2;" href="#"><i class="fab fa-linkedin-in"></i></a>

       <a style="color: #00aff0;" href="#"><i class="fab fa-skype"></i></a>

       <a style="color: #229ED9;" href="#"><i class="fab fa-telegram-plane"></i></a>

       <a style="color: #25D366;" href="#"><i class="fab fa-whatsapp"></i></a>

    </p>

  • PhilPhil

    You can add inline CSS with a margin like that:

    1. <p style="text-align: right; margin-top: 10px; font-size: 20px; line-height: 30px;">
    2.    <a style="color: #3a589b; margin: 5px;" href="#"><i class="fab fa-facebook-f"></i></a>
    3.    <a style="color: #C13584; margin: 5px;" href="#"><i class="fab fa-instagram"></i></a>
    4.    <a style="color: #32ccfe; margin: 5px;" href="#"><i class="fab fa-twitter"></i></a>
    5.    <a style="color: #FF0000; margin: 5px;" href="#"><i class="fab fa-youtube"></i></a>
    6.    <a style="color: #0A66C2; margin: 5px;" href="#"><i class="fab fa-linkedin-in"></i></a>
    7.    <a style="color: #00aff0; margin: 5px;" href="#"><i class="fab fa-skype"></i></a>
    8.    <a style="color: #229ED9; margin: 5px;" href="#"><i class="fab fa-telegram-plane"></i></a>
    9.    <a style="color: #25D366; margin: 5px;" href="#"><i class="fab fa-whatsapp"></i></a>
    10. </p>

    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • mosalimzadmosalimzad

    thx a milion

Sign In or Register to comment.