Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 17, 2020 at 1:33 pm #1238485
    resting-jeppesen

    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>
    August 20, 2020 at 5:18 pm #1239590
    Ismael

    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

    August 25, 2020 at 10:40 am #1240628
    resting-jeppesen

    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 4 years, 2 months ago by resting-jeppesen. Reason: fixed it but have another question
    August 28, 2020 at 3:00 pm #1241595
    Ismael

    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

    August 28, 2020 at 3:29 pm #1241610
    resting-jeppesen

    That worked! Thanks a bunch. :)

    August 28, 2020 at 8:58 pm #1241702
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Social media icons in footer’ is closed to new replies.