Hello!
I read through most tickets on this regard, and I don’t want to use a plugin for this purpose.
I tried some plugins (like addThis, ShareThis etc..) , moreover, I tried activating Enfold share buttons in “pages”, but they place themselves everywhere even in home page.

My question is: How can I place Enfold social share icons in a widget to place them wherever I like in a sidebar.

Thank you!
Best Regards

Hi Enfold Magicians!

Something’s happened to my Quick CSS, it popped up just after I updated Enfold but I’m not sure if this is the cause. First off my fonts changed style, weight etc. In preparation for this I started saving a copy of my Quick CSS code in textedit as a back up to restore the code to what it was before. I’ve now used my backup code (which should have brought everything back to normal) and everything has completely broken, changes I made weeks ago have now gone missing as I assume the code has stopped working. I’m wondering if someone would please look at this CSS to see what has gone wrong? I’ve copied it below. Alternately, I’ve provided my log in details below.

p.s the same thing happened after the last WordPress update, which is why I started saving my Quick CSS regularly so I could quickly revert back to normal. It seems like this isn’t going to work, do you guys have any tips about how to get around these intermittent update issues? (if that’s what’s caused this).

Many thanks :)))

#js_sort_items a { font-size: 20px; color: black; }
body { font-size: 16px; }
.header_color .main_menu ul:first-child > li > a { font-family: “Oswald”; font-size: 18px!important; color: white!important; background-color: #333033; }
.header_color .main_menu ul:first-child > li > a:hover { color: orange!important; }
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: white!important; }
span.avia-menu-text { text-transform: uppercase; }
#header_main_alternate { background-color: #333033; }
#top .main_menu .menu>li:last-child>a { padding-right: 21px; }
.content, .sidebar, .header_color div, .alternate_color, .main_color { border: none!important; }
.header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
color: #ffffff !important;
}

.header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
color: #8C8C8C;
}
h1, h2, h3 {
text-transform: none !important;
}
.iconbox_content_container {
font-size: 15px;
color: black;
}
.av-special-heading h3 {
font-family: ‘Oswald’;
}
.logo img {
height: 200px;
width: 300px;
}
#header_main { border-bottom-style: none; }
.html_boxed #main { margin-top: -1px; }
body .column-top-margin{
margin-top: 5px;
}
#top .main_color .av_promobox{
background: #f75e38; }
.iconbox_content_container {
text-align: justify; }
.iconbox_content {
min-height: 250px; }
.av-large-gap.av-masonry { padding: 0px !important; }#header .widget {
left: 50%;
padding-top: 0;
position: absolute;
top: 0;
transform: translate(-50%);
}.avia_textblock.awesome-textblock {
background: rgba(255,255,255,.5);
padding: 10px;
width: auto;
}
.iconbox .iconbox_content .iconbox_content_title {
border: medium none;
padding: 2px 0 0 0;
position: relative;
margin: 0 0 16px 0;
clear: none;
overflow: hidden;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 21px;
}

#top .social_bookmarks li a{
color: white !important;
}
#top .social_bookmarks_vimeo a {
background-color: #f0211a !important;
}
#top .social_bookmarks_twitter a {
background-color: #63b1ed !important;
}
#top .social_bookmarks_google a {
background-color: #dd3333 !important;
}
#top .social_bookmarks_facebook a {
background-color: #403de5 !important;
}
#top .social_bookmarks_instagram a {
background-color: #3a84bc !important;
}
#top .social_bookmarks_skype a {
background-color: #34afed !important;
}
#top .social_bookmarks_mail a {
background-color: #e2f01a !important;
}

#custom-section {
margin-top: -150px;
}
#top.coloured_text_box {
background-color: #e2f01a;
border:20px solid #e2f01a;
box-shadow: 5px 5px 5px #e2f01a;
}
#av_section_3 .avia-icon-list .iconlist_icon {
height: 45px;
width: 45px;
line-height: 45px;
font-size: 15px!important;}
#av_section_3 .avia-icon-list .iconlist-timeline { left: 25px; }

#custom-section-2 {
margin-top: -50px;
}
.alternate_color .avia-icon-list .iconlist_icon, .main_color .avia-icon-list .iconlist_icon { background-color: #eeee22; }

.social_bookmarks li {
margin-right: 5px;
}

h1 * {
text-decoration: none !important;
}
h2 * {
text-decoration: none !important;
}
h3 * {
text-decoration: none !important;
}
.transparent-heading { background: rgba(0,0,0,.2); }

#trekking-custom-section {
margin-top: -400px;
}
.trekking-custom-textblock{
background: white;
padding: 20px;
}
.js_active .tab { font-size: 16px; }

.av-masonry-gallery .av-masonry-entry {
width: 60.10%;
}

#special_colour_section{
height: 15px;
}

Hi there,

I placed social icons placed in a widget. Now I want a bit more horizontal space between all of them.

Regards,
me.llamo

I have three columns being used in the footer on this site, but we need the same social media icons currently used in the top bar to be down in the footer, as well. I was thinking if I could add them in the column 2 footer text area, it would go beneath that middle circle. There isn’t a social media widget I could drag there, but I think that would work. thank you.

http://50.87.248.111/~pilatfb0/

I have a 3 column footer. In the middle footer I display a short text, beneath that a short menu (2 items) and beneath that i want to display the social icons from the footer. All aligned centered. How do I get this done?

Thanks in advance!

HI, I have 4 questions

1. why when I make the page to parent page, the sidebar will have a title of the parent page?, How I can hide it? (how to show Photo)?

2. I use your code which search on here,
[av_toggle_container initial='0' mode='accordion' sort='']
[av_toggle title='For Machiney' tags='']
[av_sidebar widget_area='For Machinery']
[/av_toggle]
[/av_toggle_container]

When I use it, it’s failed when copy three of above codes, to onw 3 items, but when I choose 2 item page, it’s failed to keep to show the item bar open on Item 2 page. How I can do with it? If this problem can solve, please forget the above question 1.

3. Why the social Icons is failed to show on some browser? but I see your social icons are work successful.(How to show Photo?
4. Am I add the quick CSS as below, so the Social Icons is failed to show on some browser? can it be more short?
.main_color .sidebar .current_page_item>a, .main_color .sidebar .current-menu-item>a {
color: #af00af;
}
.main_color .sidebar a {
color: #3535ff;
}
.togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler { border: 2px dotted #3535ff; border-radius: 10px!important; color: #3535ff; padding-right: 20px; font-weight:bold; background: #ccccff; }

p.toggler:hover {
background-color: #ffffff!important;
color: #3535ff!important;
}
.toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
border-color: #3535ff;
}

• This topic was modified 11 years ago by pennylee525.

https://kriesi.at/support/topic/enfold-social-media-icons-in-widget/ I have read this topic and did as said but I only get a list of the icons as you can see in the following link. Please help me to do it right