-
Posts
-
Hi there,
Here’s the code I’m using to display a list of ten services with icons on my website. I can’t work out how to change the last icon to the torch image (\ue804). Can you help?
Many thanks,
—–
<div class=”iamservices”>
<div class=”iamservice”>
<i class=”qode_icon_font_awesome fa fa-wordpress qode_iwt_icon_element” style=”color: #6f6f6f;”></i>
<span class=”av-outer-tab-title”><span class=”av-inner-tab-title”>Website<br>Development</span></span><span class=”av-tab-arrow-container”><span></span></span>
</div>
<div class=”iamservice”>
<i class=”qode_icon_font_awesome fa fa-server qode_iwt_icon_element” style=”color: #6f6f6f;”></i>
<span class=”av-outer-tab-title”><span class=”av-inner-tab-title”>Recommended<br>Web Hosts</span></span><span class=”av-tab-arrow-container”><span></span></span>
</div>
<div class=”iamservice”>
<i class=”qode_icon_font_awesome fa fa-globe qode_iwt_icon_element” style=”color: #6f6f6f;”></i><span class=”av-outer-tab-title”><span class=”av-inner-tab-title”>Website<br>Management</span></span><span class=”av-tab-arrow-container”><span></span></span>
</div>
<div class=”iamservice”>
<i class=”qode_icon_font_awesome fa fa-envelope qode_iwt_icon_element” style=”color: #6f6f6f;”></i>
<span class=”av-outer-tab-title”><span class=”av-inner-tab-title”>Email<br>Marketing</span></span><span class=”av-tab-arrow-container”><span style=”background-color: rgb(53, 56, 60);”></span></span>
</div>
<div class=”iamservice”>
<i class=”qode_icon_font_awesome fa fa-rocket qode_iwt_icon_element” style=”color: #6f6f6f;”></i>
<span class=”av-outer-tab-title”><span class=”av-inner-tab-title”>Search Engine<br> Optimization</span></span><span class=”av-tab-arrow-container”><span></span></span>
</div>
<div class=”iamservice”>
<i class=”qode_icon_font_awesome fa fa-facebook qode_iwt_icon_element” style=”color: #6f6f6f;”></i>
<span class=”av-outer-tab-title”><span class=”av-inner-tab-title”>Social Media<br>Marketing</span></span><span class=”av-tab-arrow-container”><span></span></span>
</div>
<div class=”iamservice”>
<i class=”qode_icon_font_awesome fa fa-desktop qode_iwt_icon_element” style=”color: #6f6f6f;”></i>
<span class=”av-outer-tab-title”><span class=”av-inner-tab-title”>Advertising<br>& Graphic<br>Design</span></span><span class=”av-tab-arrow-container”><span></span></span>
</div>
<div class=”iamservice”>
<i class=”qode_icon_font_awesome fa fa-file-text-o qode_iwt_icon_element” style=”color: #6f6f6f;”></i>
<span class=”av-outer-tab-title”><span class=”av-inner-tab-title”>Content Creation &<br>Copywriting</span></span><span class=”av-tab-arrow-container”><span></span></span>
</div>
<div class=”iamservice”>
<i class=”qode_icon_font_awesome fa fa-cog qode_iwt_icon_element” style=”color: #6f6f6f;”></i>
<span class=”av-outer-tab-title”><span class=”av-inner-tab-title”>Creative Campaign<br> Strategy</span></span><span class=”av-tab-arrow-container”><span></span></span>
</div>
<div class=”iamservice”>
<i class=”qode_icon_font_awesome fa fa-cog qode_iwt_icon_element” style=”color: #6f6f6f;”></i>
<span class=”av-outer-tab-title”><span class=”av-inner-tab-title”>Domain Name Search</span></span><span class=”av-tab-arrow-container”><span></span></span>
</div>
</div>Hey boogieboa,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaHi boogieboa,
Could you please enable the Advanced Layout Builder debug mode. Here is how to do it: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Best regards,
VictoriaHi boogieboa,
Yes, all the shortcodes are at the bottom now. Can you make a test page with this tab section please?
Best regards,
VictoriaHi boogieboa,
Thank you. The torch icon is from fontello and you’re using classes from font awesome. So you need to look for a similar icon in font awesome.
Best regards,
VictoriaHi boogieboa,
Where did you get the code in the first place? Can you not get the icon the same way?
Best regards,
VictoriaHi boogieboa,
Here is where you can find an icon you need and below is how to use the classes
https://fontawesome.com/icons?d=gallery
https://fontawesome.com/v4.7.0/examples/This class in the code you use specifies the icon used
If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.