-
AuthorPosts
-
March 26, 2018 at 7:58 pm #933176
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?
March 27, 2018 at 5:28 am #933365Hey 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,
VictoriaMarch 28, 2018 at 1:12 am #933964thanks for the help. I tried that but it didnt really work. Only the facebook icon showed up and it isnt circle when rollover…
March 28, 2018 at 12:43 pm #934228Hi,
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,
VinayMarch 28, 2018 at 10:27 pm #934591those 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
March 28, 2018 at 10:43 pm #934604Hi,
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,
VinayMarch 29, 2018 at 9:19 pm #934989Here you go!
March 30, 2018 at 8:49 am #935165Hi jleclair87,
Best regards,
VictoriaMarch 30, 2018 at 8:30 pm #935434im 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>
- This reply was modified 6 years, 7 months ago by jleclair87. Reason: html wont paste
April 1, 2018 at 9:02 pm #935829Hi,
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,
VinayApril 2, 2018 at 8:17 pm #936190i 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.
April 3, 2018 at 12:56 pm #936510Hi 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,
VictoriaApril 3, 2018 at 8:44 pm #936784Update* 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?
April 4, 2018 at 7:41 am #936992Hi,
Glad you got it figured out let us know if you need any further help :)
Best regards,
VinaySeptember 6, 2019 at 9:01 pm #1135121I’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; }
- This reply was modified 5 years, 2 months ago by mikeack.
September 6, 2019 at 11:26 pm #1135142Hi,
I’m glad this was resolved for you. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Header social media icons in a footer column’ is closed to new replies.