How can we help?

If you are looking for support for our PokaTheme, this is the place!

Home Forums PokaTheme support How to add icon and social link in top bar

Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #17906
    Giovanni Porto
    Participant

    Hello I follow this guide: https://pokatheme.com/topic/add-more-social-media-shortcode/ but for me doesn’t work. I want to add icon and link in top bar.
    I attach screenshot below:
    https://tinypic.host/i/ojq3Qe
    https://tinypic.host/i/ojq5i5
    https://tinypic.host/i/ojqBoR

    Best regards
    Giovanni

    #17910
    admin
    Keymaster

    Hi Giovanni,

    I understand that you are using PokaTheme v3.

    The correct way to overwrite a function is to add it again inside the child theme’s functions.php. So go to your child theme’s functions.php and add this code:

        function poka_social_links() {
            ?>
            <ul class="top-bar-socials">
                <?php if(get_field('youtube_link','options')): ?><li><a href="<?php the_field('youtube_link','options'); ?>" target="_blank" rel="nofollow"><i class="icon-poka icon-poka-youtube"></i></a></li><?php endif; ?>
                <?php if(get_field('facebook_link','options')): ?><li><a href="<?php the_field('facebook_link','options'); ?>" target="_blank" rel="nofollow"><i class="icon-poka icon-poka-facebook"></i></a></li><?php endif; ?>
                <?php if(get_field('twitter_link','options')): ?><li><a href="<?php the_field('twitter_link','options'); ?>" target="_blank" rel="nofollow"><i class="icon-poka icon-poka-twitter"></i></a></li><?php endif; ?>
                <?php if(get_field('instagram_link','options')): ?><li><a href="<?php the_field('instagram_link','options'); ?>" target="_blank" rel="nofollow"><i class="icon-poka icon-poka-instagram"></i></a></li><?php endif; ?>
    			<li><a href="https://pinterest.com/YOUR-PINTEREST-ID" target="_blank" rel="nofollow"><i class="icon-poka icon-poka-pinterest"></i></a></li>
            </ul>
            <!-- /.top-bar-socials -->
            <?php
        }
    

    1. Replace

    https://pinterest.com/YOUR-PINTEREST-ID

    with your link.

    2. PokaTheme doesn’t have an icon for Pinterest, so you (or your programmer) have to find an icon somewhere online and use some CSS to make it work with .icon-poka-pinterest class (or you can use your on HTML code if you prefer something different).

    Finally keep in mind that you can always reach to support@pokatheme.com if you are interested in custom development features like the above. Thank you!

    • This reply was modified 1 year, 6 months ago by admin.
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.