Code to insert fontello icons in to top menu bar and widgets

Hey digitalalso,
Please try this solution
It is the icons and the css needed for them to show correctly.

Best regards,
Mike

Hi,
I tried to login to 360baliexplore.com but was unable to, so for the icons and links in a footer widget where they would be stacked please try this code in a custom html widget:

<ul class="contact2"><li class="phone"><span class="in2"><a href="tel://1-555-555-5555">[av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon]1-555-555-5555</a></span></li>   <li class="mail"><span class="in2"><a href="mailto: (Email address hidden if logged out) ">[av_font_icon icon='ue805' font='entypo-fontello' size='20px'][/av_font_icon] (Email address hidden if logged out) </a></span></li></ul>

for the icons and links in the topbar where they would be inline please try this code in the “Phone Number or small info text” field:

<ul class="contact1"><li class="phone"><span class="in1"><a href="tel://1-555-555-5555">[av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon]1-555-555-5555</a></span></li>   <li class="mail"><span class="in1"><a href="mailto: (Email address hidden if logged out) ">[av_font_icon icon='ue805' font='entypo-fontello' size='20px'][/av_font_icon] (Email address hidden if logged out) </a></span></li></ul>

this is the css for both, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.in1 {display: inline-block !important; }
.contact1 ul,.contact2 ul {list-style: none!important; list-style-type: none!important;}
ul.contact1 li { display: inline!important;}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike