Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1238485

    I’ve managed to get the Facebook icon to appear in the footer but the instagram icon is not showing up. What am I doing wrong?

    <h3>Følg Os</h3>
    <ul class="noLightbox social_bookmarks icon_count_4">
     	<li class="social_bookmarks_facebook av-social-link-facebook social_icon_1"><a title="Facebook" href="https://www.facebook.com/bezzerwizzerstudio" target="_blank" rel="noopener" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"><span class="avia_hidden_link_text">Facebook</span></a></li>
     	<li class="social_bookmarks_instagram av-social-link-instagram social_icon_2"><a title="Instagram" href="https://www.instagram.com/bezzerwizzerstudio/" target="_blank" rel="noopener" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"><span class="avia_hidden_link_text">Instagram</span></a></li>
    </ul>
    #1239590

    Hey Jonas,

    Thank you for the inquiry.

    The Instagram icon is currently positioned below the first icon. To move the icons next to each other, please add this css code.

    #top #footer .social_bookmarks li {
    	clear: none;
    }
    

    Best regards,
    Ismael

    #1240628

    Thanks for the reply! I tried the code in both custom css and quick css but it didn’t do the trick, unfortunately. Also, would this work only if you use a footer then? My main pages are in Danish with a Danish footer but I recreated my pages in english but I couldn’t use the same Danish footer so I just created a color section and added 3 widgets and recreated the footer that way for my English version here: https://bezzerwizzer.dk/uk/

    EDIT: I actually managed to fix it so it works! Great! Thanks! But here’s another question: Is there a way to remove the vertical line spearator to the RIGHT of the instagram icon? And only keep the vertical line separator between the Facebook icon and the instagram icon? Do you know what I mean? :)

    • This reply was modified 10 months ago by  resting-jeppesen. Reason: fixed it but have another question
    #1241595

    Hi,

    Thank you for the update.

    This css code should remove the right border of the instagram icon.

    #top .social_bookmarks li:last-child {
    	border-right: 0;
    }

    Best regards,
    Ismael

    #1241610

    That worked! Thanks a bunch. :)

    #1241702

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Social media icons in footer’ is closed to new replies.