social media

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


Comments

  • 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

  • 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>

  • You can add inline CSS with a margin like that:

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

    Thanks

  • thx a milion

Sign In or Register to comment.