Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

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 :) :)