Ismael,

Thank you for the timely response. I was not aware that Kriesi updated and included the social buttons in the layout builder for the Enfold theme. The code I provided was used before that was an option. I should have investigated a little more before crying wolf. Regardless, I was able to fix the issue. Sorry to have wasted your time. Thank you again.

Sincere Regards

Ismail,

I pasted the code in the functions.php which worked but the location is overlapping existing content. Is there a way to specify the location?

Elliot,

Any luck with this?

Kris

Elliot,

Yes. I copied the source code from the browser and pasted it into a specific location using a code block. The button styles are in place. The mouse overs are spotty. When clicked the functions works but the page content does not populate the share posting.

The code I pasted looks like this:

<div class=”av-share-box”><ul class=”av-share-box-list noLightbox”><li class=”av-share-link av-social-link-facebook”><span class=”avia_hidden_link_text”>Share on Facebook</span><div class=”avia-related-tooltip avia-tt” style=”top: 94px; left: 200.409072875977px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Facebook</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-twitter”><span class=”avia_hidden_link_text”>Share on Twitter</span><div class=”avia-related-tooltip avia-tt” style=”top: 84px; left: 319.909072875977px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Twitter</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-gplus”><span class=”avia_hidden_link_text”>Share on Google+</span><div class=”avia-related-tooltip avia-tt” style=”top: 91px; left: 439.499984741211px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Google+</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-linkedin”><span class=”avia_hidden_link_text”>Share on Linkedin</span><div class=”avia-related-tooltip avia-tt” style=”top: 93px; left: 559.499984741211px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Linkedin</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-mail”><span class=”avia_hidden_link_text”>Share by Mail</span><div class=”avia-related-tooltip avia-tt” style=”top: 94px; left: 679.499984741211px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share by Mail</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div></div>

Let me also offer some clarification. My name is Kris. I am working on a clients site using the enfold theme and mainly working in the staging area. I can provide you my staging login if needed in a private message.

Best Regards
Kris

Elliot,

Sorry for not getting back to you sooner. My understanding is there is no shortcode for the av-share-link-llist, correct? Would it be possible to put the actual code in a code box so I can place it on the page where I want it.

Ismail,

Thank you for your help so far. Below is the quick css I am using. Everything works except the color for the .grid-entry-title. I cannot get the title to change from the theme color.

.main_color .grid-content {
background: #3db1e2;
}

.grid-entry .main_color .avia-arrow {
background: #3db1e2;
}

.main_color .main_color.inner-entry {
text-align: left;
}

.main_color .grid-entry-title {
background: #3db1e2;
font-weight: inherit;
font-size: medium;
color: white;
}

Through some trial and error I was able to change some of the formatting. However I am still having an issue trying to override the theme colors to change the entry title and excerpt text color.

Your help is welcomed. Thank you