Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #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?

    #933365

    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,
    Victoria

    #933964

    thanks for the help. I tried that but it didnt really work. Only the facebook icon showed up and it isnt circle when rollover…

    #934228

    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,
    Vinay

    #934591

    those 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

    #934604

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. 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 ).
    5. Click ” Submit “.
    6. 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,
    Vinay

    #934989

    Here you go!

    #935165

    Hi jleclair87,

    Best regards,
    Victoria

    #935434

    im 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
    #935829

    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,
    Vinay

    #936190

    i 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.

    #936510

    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,
    Victoria

    #936784

    Update* 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?

    #936992

    Hi,

    Glad you got it figured out let us know if you need any further help :)

    Best regards,
    Vinay

    #1135121

    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; }

    • This reply was modified 5 years, 2 months ago by mikeack.
    #1135142

    Hi,

    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

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Header social media icons in a footer column’ is closed to new replies.