[jvdgtl]

Hi there,

I’m having the same problem as gilchristJ, in a another topic.

I’m trying to use a font awesome icon in my call to action, but it wont work. (This page: http://jvdgtl.io/email-template-design/)

I installed the font like it says on the forum. It does display when i use it outside of the CTA. Now I use it like this: [call_to_action title=”Get your email template made this week” text=”An English speaking email professional is awaiting your call, to discuss the opportunities.”][button text="Call now" url="#" size="big" icon="fas fa-camera-retro" color="green"][/call_to_action]

Do you have a workaround?

Johan

[serkan]

Hi Johan,
Please go to text tab and use the html code like this;

<div class="cta">
<div class="row">
<div class="col-sm-8">
<h3>NEW EMAIL TEMPLATE IN 7 DAYS</h3>
<p>An English speaking email professional is awaiting your call, to discuss the opportunities. Call us at +31 20 123 123 45.</p>
</div>
<div class="col-sm-4">
<div class="cta-button"><a href="#" class="button green big"><i class="fas fa-camera-retro"></i>Call now</a></div>
</div>
</div>
</div>

Thanks

[jvdgtl]

Yes, this works perfectly.

[jvdgtl]

Where can i find more documentation about the columns and div classes you use?

[jvdgtl]

And how would this work for other short codes, in particular ‘fun facts’.

[serkan]

Hi jvdgtl,
You need to use fun facts like this;
<div class="fun-fact">
<i class="fa fa-bicycle"></i>
<h4>72 PROJECTS COMPLETED</h4>
</div>
You cannot find a whole exampke because this is a bit of a custom work. All shortcode appearing in the demo content is available in the documentation.
Thanks

[jvdgtl]

Ok, thanks.

[serkan]

You are welcome.

[jvdgtl]

Hi Serkan,

I have the same question only then for the service short code. Can you help me out?

Johan

[serkan]

Hi,
You can use it like this ;

<div class="row">
<div class="col-sm-6   ">
<div class="service"><i class="pw-icon-feather"></i><p></p>
<h4>Graphic Design</h4>
<p>I design super cool websites. It is a long established fact that a reader will be distracted by the readable content.</p>
</div>
</div>
<div class="col-sm-6   ">
<div class="service"><i class="pw-icon-camera-outline"></i><p></p>
<h4>Photography</h4>
<p>I can design beautiful type faces for both digital and print media. It is a long established fact that a reader will be distracted.</p>
</div>
</div>
<div class="col-sm-6   ">
<div class="service"><i class="pw-icon-android"></i><p></p>
<h4>Android Developer</h4>
<p>I write about web design. It is a long established fact that a reader will be distracted by the readable content.</p>
</div>
</div>
<div class="col-sm-6   ">
<div class="service"><i class="pw-icon-apple"></i><p></p>
<h4>iOS Developer</h4>
<p>I have strong project management skills. It is a long established fact that a reader will be distracted.</p>
</div>
</div>
</div>

Thanks