-
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, 5 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)
