-
Search Results
-
Topic: Social Icons in Widget
Hello. Looking to place my social icons in a sidebar widget. I’ve searched and found this thread (https://kriesi.at/support/topic/enfold-social-media-icons-in-widget/) which is how i got the ball rolling. I’ve tried multiple things but can still only show the first icon. Any help is appreciated. Site is: http://www.inglenookblog.com
Hi,
In my footer area, in the middle I have 4 Font Awesome Social Icons and for some weird reason, after I added those icons the widget next to it (CONTACT US) the address is linking to instagram.com
It is very weird but I cannot figure it out. Can you please take a lookHi guys,
Sorry, I think you missed the quick question in the middle of my last topic: https://kriesi.at/support/topic/adding-social-icons-into-text-widget/
“As well, it would be great to have those icon colors that you see on mouseover “on” all the time, instead of grey to start with.”
Is this possible? Thanks so much!
“
Hi guys,
I’ve seen numerous posts on this topic: https://kriesi.at/support/topic/place-social-media-icons-into-a-widget/ but can’t quite figure out the right coding for the website I’m building, as it’s a slight different combo of social icons we’re using. I’m going to post you the link to our dev site (and contact page where I’m putting icons) below in private, and am hoping you could send me the html code to work in a text box on our site. Please note, that I don’t want to include the email icon/link from the header in the displayed icons here.
Thanks so much. LOVE YOUR THEME!D
This is what my CSS looks now: http://www.dersichtweise.at/blog/
/* Stack footer */
@media only screen and (max-width: 767px) {
footer .copyright, footer .social_bookmarks, footer .sub_menu_socket {
width: 100%!important;
clear: both!important;
display: block!important;
float:none!important;
}
footer .social_bookmarks {
padding-left:8px;
}
}/* header */
.header_color .main_menu ul:first-child > li > a {font-weight: 300; font-size: 18px; font-family:’Helvetica Neue’}
.header_color .main_menu ul:first-child > li > a:hover { color: #03558f; }
.header_color .main_menu ul:first-child > li.current_page_item > a { color #d1606d; }/* Linie weg im menü*/
.avia-menu {
border-right: 0px !important;
}/* title Farbe und größe*/
.main-title a {
color: #03558f !important;
font-size: 24px !important;
}/* title zentrieren */
.title_container .main-title { text-align: center; }.alternate_color { border-color: #e1e1e1 !important; }
/* footer font size */
.iconbox_content_title {
font-size: 15px!important;
}#footer a {
padding: 0;
}
#footer input {
margin-bottom: 0;
}/* logo große skalieren */
.logo img {
max-width: 100%;
}#top .av-mailchimp-widget-style-boxed_form {
border-style: solid;
border-width: 1px;
padding: 10px;
}
.widgettitle + .av-mailchimp-widget-style-boxed_form {
margin-top: 10px;
}@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block !important;
}}@media only screen and (max-width: 767px){
.responsive #socket .sub_menu_socket {
display: block !important;
}}/* social icons im header */
@media only screen and (max-width: 767px) {
.responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header #top .social_bookmarks {
margin-top: 0;
display: block !important;
}
}/* logo abstand nach oben */
.html_header_top.html_logo_center .logo {
padding-top: 1px !important;
}/*Farbrand rund um Widget box-Sidebar-blog */
section#text-2 {
border: 1px solid #ebeff5;
padding: 10px;
}/* social media icons größe */
@media only screen and (max-width: 480px) {
.responsive #header .social_bookmarks li { margin-right: 10px; }}/* Groesse linkliste footer abstand vertical */
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child>li>a {
padding: 0 20px;
}
}Topic: Aligning elements
Hi guys!
I’m trying to align everything in the boxed layout and responsive setup.
1) I’ve created a widget in the header area, with social icons. I would like it to be responsive, so it doesn’t overlap anything. I can’t get it to be a the very edge of the boxed layout, so it’s kind of misplaced in the middle. I also want a simple transparent hover effect. Is there a fix, or do you have any other suggestions?
2) The Facebook feed is not responsive, how can I do this? Is there a better place for this, perhaps a sidebar? We don’t really want a sidebar though.
3) The color section, and the single column, do not meet at the edges – it needs to align with the top left border of the HOME menu button.
4) We will be a commercial site running ads. Our formats are in the Private Content. Everything needs to be aligned perfectly for a good look. We are using the plugin “Advanced Advertising System” – this doesn’t seem responsive? Any other suggestions?
Thanks!
Hi. Not sure how I turned this on but, how do i disable “share this” and the colored oval social sharing icons? They appear in the “Latest News” widget in my footer. see pic. thanks. http://imgur.com/nR2NjtL
Hello,
Tought it would be better to start my own topic. Tried to hitch along with: https://kriesi.at/support/topic/cant-add-social-icons-to-widget-in-footer/
But didn’t workThe basis: I would like to add 4 round social media icons in the footer.
1: Mail, 2: Twitter, 3: Facebook & 4: LinkedInPlaced in the footer widget (column 3 footer):
<ul class=”noLightbox social_bookmarks icon_count_4″>
<li class=”social_bookmarks_mail av-social-link-mail social_icon_1″>
<span class=”avia_hidden_link_text”>mail</span>
<li class=”social_bookmarks_twitter av-social-link-twitter social_icon_2″>
<span class=”avia_hidden_link_text”>Twitter</span>
<li class=”social_bookmarks_facebook av-social-link-facebook social_icon_3″>
<span class=”avia_hidden_link_text”>Facebook</span>
<li class=”social_bookmarks_linkedin av-social-link-linkedin social_icon_4″>
<span class=”avia_hidden_link_text”>linkedin</span>
Placed in style.css (Enfold child theme):
#footer .social_bookmarks li {clear: none!important;}
.social_bookmarks li {border-radius: 100px;}This output gives me 4 square icons:
1) Facebook icon (with mail text on mouse over) – Should be mail icon
2) Twitter icon (correct)
3) Facebook icon (correct)
4) Skype icon (with LinkedIn text on mouse over) – Should be LinkedIn icon
(see http://nl.tinypic.com/r/2zs3dvq/9)Can you please help me?
Searched the forums but can’t find any real reliable documentation. Is there any?
Placed the login info in private section.With kind regards,
Ivo PetersHi, within private content I have listed code that I have in a text footer widget. This used to display the social media icons, however since amending the footer header colour these have been removed? The code still exists, and I am unable to see why this would be. I have reverted the default colour back, but the social icons are still missing. I am using an enfold child theme, the parent is Enfold 3.4.7. Many thanks.
hi yigit.
i have added this code to the footer widget: http://imgur.com/zgDBLMD
Bit there are no facebook icons in the widget. can you please take a look :)
It should look like this: http://imgur.com/F1do1hA
Hi Guys,
How can I add social media icons to footer widget in a vertical manner? I have found thread that teaches to do it in a horizontal manner ( in a row). I want to have Facebook, Instagram and Youtube icons on the right side of the footer widget.
It will be good too if there are some spaces between the icons.Attached my site details below.
Hi, something odd here and maybe I’ve missed something super easy. I looked at other posts about adding social icons into widgets and changed the default HTML to the following:
<ul class='noLightbox social_bookmarks icon_count_4'> <li class='social_bookmarks_facebook av-social-link-facebook social_icon_1'><a target='_blank' href='https://www.facebook.com/holborngrp/' 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_twitter av-social-link-twitter social_icon_2'><a target='_blank' href='https://twitter.com/holborngrp' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Twitter'><span class='avia_hidden_link_text'>Twitter</span></a></li> <li class='social_bookmarks_instagram av-social-link-instagram social_icon_3'><a href='https://www.instagram.com/holborngrp/' 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_linkedin av-social-link-linkedin social_icon_4'><a href='https://www.linkedin.com/company/holborn-holdings-ltd' target='_blank' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Linkedin'><span class='avia_hidden_link_text'>Linkedin</span></a></li> </ul>The links are working as is the rollover but linkedin is still showing the Google+ icon and instagram is still showing skype. I’m putting my site link in the private area as it’s currently pwd protected. Please note that the socket is displaying properly but the issue is in my footer’s second column. Also, the order is not correct; again it should loook like the socket. Thanks!
HI, I’m new to Enfold and have created a little blog at http://www.littlevictories.com.au. I added the social icons (for people to share posts, etc), however they appear as twin sets (small icons and square boxes) – and then they disappeared all by themselves. So did the comments area.
I went back in and put it all back in, checked they were there, and then went away. And now they are gone again. An ad widget also appeared in a strange location where I had never put it. But then it too disappeared.
It’s driving me a little crazy. Can anyone advise why this might be happening and what I can do to ensure that just one set of icons remain there all the time?
I’ll need simple instructions!
Many thanks :)
