Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #1594304
How to add more social icons to the footer
Closed

Comments

  • cinthiaperez started the conversation

    Hello!

    Unfortunately I do not have the icons that I need most for the social communication of my web in a footer: youtube and email.I need to know how to add them manually.I see that the options.php page contains the arrays that enable this option, could you help me please, what should I do and what pages should I modify?

    Thank you very much!

  • [deleted] replied

    Hi,

    We can add it to your site with child theme.

    First, we need necessary icons as font or image file.

  •   cinthiaperez replied privately
  • [deleted] replied

    Tomorrow I will try to prepare child theme for you and give instructions.

  •   cinthiaperez replied privately
  • [deleted] replied

    Please check theme in attachment.

    In footer.php file in child theme you need to change links:

                                        <li class="mail"><a href="http://link-to-mail" target="_blank" title="mail">mail</a></li>
                                        <li class="youtube"><a href="http://link-to-youtube" target="_blank" title="youtube">youtube</a></li>

  •   cinthiaperez replied privately
  •   cinthiaperez replied privately
  • [deleted] replied

    You need to install and activate child them. Them change code for correct socials links in footer.php file in child theme directory.

  •   cinthiaperez replied privately
  • [deleted] replied

    Did you activate child theme in admin area?

  •   cinthiaperez replied privately
  • [deleted] replied

    Try to simply install and activate theme with zip archive that I attached.




  •   cinthiaperez replied privately
  • [deleted] replied

    Sorry, forgot about this.

    Please change code in footer.php fie like this:

    <li class="youtube-link"><a href="http://link-to-youtube" target="_blank" title="youtube">youtube</a></li>

    And in style.css like this:

    .socials li.youtube-link a:after {
         content: '';
         background: url('images/youtube.png') no-repeat 50% 50%;
         background-size: cover;
    }

  • cinthiaperez replied

    Now is working very very good! 

    Thank You so much Max :) :)