Tagged: footer, social media icons
-
AuthorPosts
-
August 17, 2020 at 1:33 pm #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>
August 20, 2020 at 5:18 pm #1239590Hey 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,
IsmaelAugust 25, 2020 at 10:40 am #1240628Thanks 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, 3 months ago by resting-jeppesen. Reason: fixed it but have another question
August 28, 2020 at 3:00 pm #1241595Hi,
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,
IsmaelAugust 28, 2020 at 3:29 pm #1241610That worked! Thanks a bunch. :)
August 28, 2020 at 8:58 pm #1241702Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Social media icons in footer’ is closed to new replies.