-
Source: demo page Typography (http://www.joomlart.com/demo/#ja_zite):
I made this, using the code from the demo (I made a quick demo 24hr trial to see the code):
The code I made:
<div class="ja-typo-blockct clearfix">
<a class="ja-typo-btn ja-typo-btn-icn btn-icn-info" href="https://maps.google.com/maps?q=alfa+expert+soest&hl=nl&ll=52.171958,5.264812&spn=0.011581,0.020664&sll=52.172056,5.262537&sspn=0.00579,0.010332&hq=alfa+expert&hnear=Soest,+Utrecht,+Nederland&t=m&z=16&iwloc=A" target="_blank"><span><span>Dorresteinweg 86a, 3763 LL Soest</span></span></a><a class="ja-typo-btn ja-typo-btn-icn btn-icn-light" href="http://www.alfaexpert.nl/"><span><span>Bel voor een afspraak: 035-6027701 / 06-15346292</span></span></a>
<a class="ja-typo-btn ja-typo-btn-icn btn-icn-info" href="http://www.alfaexpert.nl/"><span><span>Email: info @ alfaexpert.nl</span></span></a>
</div>It works somewhat, but it needs to be better. The left button is OK.
1) The middle button must not be clickable, but the button look cannot be changed: it must look the same as the others. How can I prevent it to be clickable, what is the best code for that?
The right button must be changed so that it will embed a proper mailto: info@test.com link. Whenever I use this code:
<a class="ja-typo-btn ja-typo-btn-icn btn-icn-info" href="mailto:info@alfaexpert.nl"><span><span>Email: info @ alfaexpert.nl</span></span></a></div>The button looks good, and it launches the e-mail program, but not the right e-mail address is placed into the To field:
When I use this code:
<a class="ja-typo-btn ja-typo-btn-icn btn-icn-info" href="mailto:info@alfaexpert.nl"><span><span>Email: info@alfaexpert.nl</span></span></a></div>(I remove the spaces around info @ alfaexpert.nl), it works good (To address is filled in good), BUT: it’s ugly displayed:
2) How to fix this right e-mail button? It must fill in correct e-mail address, AND look good 🙂
Both problem on your site belong to Editor – TinyMCE plugin, it automatically removes some css style including on editor
I did help you to add some script into Extended Valid Elements of Editor – TinyMCE plugin, see the script
<blockquote>i, div, p, a</blockquote>
Now, you can add both below script into your site again
<div class="ja-typo-blockct clearfix">
<a class="ja-typo-btn ja-typo-btn-icn btn-icn-info" href="https://maps.google.com/maps?q=alfa+expert+soest&hl=nl&ll=52.171958,5.264812&spn=0.011581,0.020664&sll=52.172056,5.262537&sspn=0.00579,0.010332&hq=alfa+expert&hnear=Soest,+Utrecht,+Nederland&t=m&z=16&iwloc=A" target="_blank"><span><span>Dorresteinweg 86a, 3763 LL Soest</span></span></a><a class="ja-typo-btn ja-typo-btn-icn btn-icn-light" href="http://www.alfaexpert.nl/"><span><span>Bel voor een afspraak: 035-6027701 / 06-15346292</span></span></a>
<a class="ja-typo-btn ja-typo-btn-icn btn-icn-info" href="http://www.alfaexpert.nl/"><span><span>Email: info @ alfaexpert.nl</span></span></a>
</div>
and
<a class="ja-typo-btn ja-typo-btn-icn btn-icn-info" href="mailto:info@alfaexpert.nl"><span><span>Email: info@alfaexpert.nl</span></span></a></div>
Don’t forget to clear cache from Admin area after changing and let me know it helps
Hi Ninja Lead,
Thanks for the try, but it has not helped yet.
When I use your code it looks like this:
Also, what should I do to make the middle button with the phone number non-clickable?
Kind regards, Maarten
@rsystems: I have fixed the phone number non-clickable on your site. This is my solution: open Welkom bij De Alfa Expert module and rid text: href=”http://alfaexpert.nl”, see the screenshot
Viewing 8 posts - 1 through 8 (of 8 total)This topic contains 8 replies, has 2 voices, and was last updated by
rsystems 10 years, 11 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Change the way button looks / interacts
Viewing 8 posts - 1 through 8 (of 8 total)
