-
Posts
-
I see that there are some posts on the forum about adding social icons to the footer. I just cant figure out how to achieve this seeing the code seems to be marked as private. Are there any threads which show you how to add the social media icons which are in your header to a column in the footer?
Hey jleclair87,
You can add the custom html widget to the footer and copy the html from the top of the page where you have social links.
If you need further assistance please let us know.
Best regards,
Victoriathanks for the help. I tried that but it didnt really work. Only the facebook icon showed up and it isnt circle when rollover…
Hi,
You can try the below shortcode and setup social icon links in the theme option.
[av_social_share title='' style='minimal' buttons='custom' share_facebook='aviaTBshare_facebook' share_twitter='aviaTBshare_twitter' share_pinterest='aviaTBshare_pinterest' share_gplus='aviaTBshare_gplus' share_linkedin='aviaTBshare_linkedin' custom_class='' admin_preview_bg='']Or please use the below html
https://pastebin.com/raw/Z9mM8HNx
Best regards,
Vinaythose dont seem to work. when I add that it doesn’t add the icons in my header… it adds completely random icons… The icons looks to share the page not links to my social media pages.
please advise
Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.Best regards,
Vinayim looking at the html and im not too sure what else to copy. I added to private my html, It also look like some of the code doesn’t paste in private. So i guess I will paste it in here:
<ul class='noLightbox social_bookmarks icon_count_5'><li class='social_bookmarks_facebook av-social-link-facebook social_icon_1'><a target='_blank' href='https://www.facebook.com/atouchoflavender/' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Facebook'><span class='avia_hidden_link_text'>Facebook</span></a></li><li class='social_bookmarks_pinterest av-social-link-pinterest social_icon_2'><a target='_blank' href='https://www.pinterest.com/cindyatol/' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Pinterest'><span class='avia_hidden_link_text'>Pinterest</span></a></li><li class='social_bookmarks_instagram av-social-link-instagram social_icon_3'><a target='_blank' href='https://www.instagram.com/atouchoflavender/' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Instagram'><span class='avia_hidden_link_text'>Instagram</span></a></li><li class='social_bookmarks_yelp av-social-link-yelp social_icon_4'><a target='_blank' href='https://www.yelp.com/biz/a-touch-of-lavender-cypress' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Yelp'><span class='avia_hidden_link_text'>Yelp</span></a></li><li class='social_bookmarks_weddingwire av-social-link-weddingwire social_icon_5'><a target='_blank' href='https://www.weddingwire.com/reviews/touch-of-lavender-wedding-coordinator-design-cypress/64a08fbe7fc094bb.html' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Weddingwire'><span class='avia_hidden_link_text'>Weddingwire</span></a></li></ul>Hi,
I have pasted the HTML code for the header icons below. If that don’t work for you please enable debug mode and copy the shortcode for the social icons and add` it to the footer widget area.
Best regards,
Vinayi think that is the code I already have inserted already. I went ahead and turned on debug mode using this thread https://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/ and copied your code but things look the same.
Hi jleclair87,
The html is correct and it is rendered, I added some css to your quick css and the icons are there now. You can edit the widget title.
If you need further assistance please let us know.
Best regards,
VictoriaUpdate* I figured it out with this code
#footer .social_bookmarks li a { border-radius: 100px!important; }Thanks!
thanks, how would i make the icons circle like in the header?
I’m having the same issue. Any chance that the CSS that was added can be provided? I’m only getting the first social media icon in my custom HTML column in the footer.
Edit: I resolved it using this CSS (posting for future people)
.widget .social_bookmarks li { clear: none; border: none !important; }
- The topic ‘Header social media icons in a footer column’ is closed to new replies.