Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1397014

    Hey Support
    I need to place 3 social media icons with link to each profile, the icons should be placed in the 3 column:

    1. Instagram
    2. LinkedIn
    3. Facebook

    Please could provide me html
    I have added this css to the quick css, but I’m not sure if it is correct:
    .widget .social_bookmarks li { clear: none !important; }

    Many thanks for your support.
    Best regards
    Lene

    #1397077

    Hey Lene,

    Thank you for the inquiry.

    You can enable the social icons in the Enfold > Footer panel, just for the Social Icons toggle. If you need to add the social icons in the footer widgets, try to use a Text or HTML widget and the HTML manually, or install a plugin.

    // https://wordpress.org/plugins/new-social-media-widget/
    // https://wordpress.org/plugins/simple-social-icons/

    Best regards,
    Ismael

    #1397106

    Hey Ismael
    I have looked and in the Enfold extension->footer the social icons setting is for the socket and not the footer. In footer widget which widget are you suggesting? I don’t see a widget for sociale icons…

    Please explain.
    Thanks
    Best regards’
    Lene

    #1397158

    Hi Lene,

    • Please add the Social Buttons element to your page and configure it to link to your profile: https://i.imgur.com/Jdb1HGh.png
    • Add the following code to the functions.php file of your child theme to enable ALB debugging mode
    • //set builder mode to debug
      add_action('avia_builder_mode', "builder_set_debug");
      function builder_set_debug()
      {
        return "debug";
      }
    • Edit the page where you added the Social Buttons element and copy the shortcodes of the element from debug field that appears right below the ALB
    • Paste the shortcode into the Custom HTML widget in Appearance > Widgets

    Best regards,
    Yigit

    #1397164

    Are these bookmarks the same that you have entered on enfold options ?
    If so you can make your own social-bookmark shortcode – put this to your child-theme functions.php

    function social_bookmarks_shortcode() {
      $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
      $social = avia_social_media_icons($social_args, false);
      return $social;
    }
    add_shortcode('social-bookmarks', 'social_bookmarks_shortcode');

    and this to your quick css:

    #footer .widget ul.social_bookmarks {
        display: inline-flex;
        gap: 0px 10px;
    }
    
    #footer .widget ul.social_bookmarks li {
        border: none
    }

    then you can use on your footer widgets a text widget to insert your social bookmarks by: [social-bookmarks]

    #1397166

    Hi,

    Thanks for your help @guenni007!

    Best regards,
    Yigit

    #1397196

    Hi Yigit
    Many thanks for your reply.
    But I’m not sure that I follow you.

    It is regarding the footer, there is no social buttons element to select, which one can select if it is a page.
    Maybe I’m misunderstanding you.
    Best regards
    Lene

    #1397350

    after the snippet above – the social bookmarks can be inserted to your content by shortcode: [social-bookmarks]
    you then can put this shortcode to f.e. a text-widget !

    • This reply was modified 9 months, 3 weeks ago by Guenni007.
    #1397417
    This reply has been marked as private.
    #1397572

    Hi,
    Thanks for the login, I have added Guenni007‘s shortcode function to your child theme functions.php

    function social_bookmarks_shortcode() {
      $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
      $social = avia_social_media_icons($social_args, false);
      return $social;
    }
    add_shortcode('social-bookmarks', 'social_bookmarks_shortcode');

    and the css to your quick css

    #footer .widget ul.social_bookmarks {
        display: inline-flex;
        gap: 0px 10px;
    }
    
    #footer .widget ul.social_bookmarks li {
        border: none
    }	

    and now they show in your footer widget where you had added the shortcode [social-bookmarks]
    Enfold_Support_322.jpeg
    Please clear your browser cache and check.

    Best regards,
    Mike

    #1398759
    This reply has been marked as private.
    #1398765

    Hi,
    Glad we were able to help, Thanks to Guenni007 for the shortcode function. If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

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