-
AuthorPosts
-
February 7, 2023 at 5:46 pm #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. FacebookPlease 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
LeneFebruary 8, 2023 at 4:55 am #1397077Hey 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,
IsmaelFebruary 8, 2023 at 9:01 am #1397106Hey 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’
LeneFebruary 8, 2023 at 12:34 pm #1397158Hi 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,
YigitFebruary 8, 2023 at 1:03 pm #1397164Are 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.phpfunction 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]
February 8, 2023 at 1:07 pm #1397166February 8, 2023 at 4:54 pm #1397196Hi 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
LeneFebruary 9, 2023 at 7:36 pm #1397350after 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 1 year, 8 months ago by Guenni007.
February 10, 2023 at 9:58 am #1397417This reply has been marked as private.February 11, 2023 at 4:38 pm #1397572Hi,
Thanks for the login, I have added Guenni007‘s shortcode function to your child theme functions.phpfunction 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]
Please clear your browser cache and check.Best regards,
MikeFebruary 21, 2023 at 11:57 am #1398759This reply has been marked as private.February 21, 2023 at 12:48 pm #1398765Hi,
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 -
AuthorPosts
- The topic ‘Social media icons in footer’ is closed to new replies.