-
Posts
-
Also how do I remove the social media icons from the header? I still want to use “Non-fixed header with social media icons and additional navigation” as my header type setting because I want to have the phone number up there.
Thank you.
brixenivy.com/newsite
btw i figured out how to remove the icons from the header.
still wondering how to get them in a widget
Hey!
Copy the HTML in a Text Widget:
<ul class="noLightbox social_bookmarks icon_count_5"><li class="social_bookmarks_yelp social_icon_1"><a target="_blank" href="http://www.yelp.com/biz/brixen-ivy-chicago" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello" title="Yelp"></a></li><li class="social_bookmarks_twitter social_icon_2"><a target="_blank" href="https://twitter.com/TheBrixenIvy" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Twitter"></a></li><li class="social_bookmarks_facebook social_icon_3"><a target="_blank" href="https://www.facebook.com/BrixenIvy" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook"></a></li><li class="social_bookmarks_youtube social_icon_4"><a target="_blank" href="http://www.youtube.com/user/BrixenIvyRooftop" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Youtube"></a></li><li class="social_bookmarks_mail social_icon_5"><a href="contact" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Mail"></a></li></ul>Regards,
JosueHi!
You can go to Enfold theme options > Header tab and click on X icon to remove social icons http://i.imgur.com/HzjND7a.jpg
Or you can add following code to Quick CSS in Enfold theme options under Styling tab#top .social_bookmarks { display: none; }Best regards,
YigitThat’s great! Was wondering if I can have a 4th column on footer in a boxed layout to put social icons in? Its not showing up with the code posted above. Thanks
Hey!
Yes it is possible, please go to Enfold theme options > Footer tab and choose “4” in Footer Columns section http://i.imgur.com/OjgcUhJ.jpg
Cheers!
YigitJosue,
Thank you for the social media icon html. This code works fine in a avia layout builder text box. But in a widget the icons stack horizontally and only the first one is visible. Can you solve that bug?
Test page here (shows four samples: 1)1/3 custom widget, 2)full width custom widget, 3)avia layout builder text box, 4)footer widget:
http://www.brixenivy.com/newsite/social-media-test/This is the code (from above) that we are talking about:
<ul class=”noLightbox social_bookmarks icon_count_5″><li class=”social_bookmarks_yelp social_icon_1″><li class=”social_bookmarks_twitter social_icon_2″><li class=”social_bookmarks_facebook social_icon_3″><li class=”social_bookmarks_youtube social_icon_4″><li class=”social_bookmarks_mail social_icon_5″>
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#text-12 .widget li, #text-13 .widget li { clear: none; } #text-12 .social_bookmarks li, #text-13 .social_bookmarks li { float: none; }Best regards,
Yigiti have ONE OTHER bug with this site that I need help with.
About the time I inserted the social media icons in the socket the socket menu became dead (meaning the links on the text menu in the are no longer working).
Can you take a look?
Ok I figured out this problem:
[i have ONE OTHER bug with this site that I need help with.
About the time I inserted the social media icons in the socket the socket menu became dead (meaning the links on the text menu in the are no longer working).
Can you take a look?]
In order to remove the social media icons from the header I commented out this line in header.php
/* if(strpos($headerS,’bottom_nav_header’) === false) avia_social_media_icons($social_args);*/And that broke the links in the footer.
I have reversed this fix.
But there is a problem with this code for removing the icons from the header:
#top .social_bookmarks { display: none; }This makes the social media icons disappear everywhere. I want to remove them from the header and make them appear in widgets and avia layout editor text boxes.
See:
http://www.brixenivy.com/newsite/social-media-test/I want to remove the icons from the header and keep them in the socket and make them view properly in the widgets.
I changed the style to this:
header .social_bookmarks {
display: none;
}But still looking for a solution to this:
In a widget the icons stack horizontally and only the first one is visible. Can you solve that bug?
Test page here (shows two samples: 1)1/3 custom widget, 2)full width custom widget:
- The topic ‘place social media icons into a widget’ is closed to new replies.