test
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • rsystems Friend
    #192357

    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 🙂

    Ninja Lead Moderator
    #512687

    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


    1. extended_valid
    rsystems Friend
    #514998

    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

    Ninja Lead Moderator
    #515059

    Email address include within content, you need to disable Content – Email Cloaking in Plugin manager, the problem will be solved

    rsystems Friend
    #515094

    Thank you, I will try it.

    Edit: it works nice!

    And this question:
    What should I do to make the middle button with the phone number non-clickable?

    Ninja Lead Moderator
    #515168

    <blockquote>Database connection error (2): Could not connect to MySQL.</blockquote>

    I got this problem when I access to URL of your site included on this thread

    <blockquote>What should I do to make the middle button with the phone number non-clickable?</blockquote>

    It would be great if you can include url of your site. I shall help you out

    Ninja Lead Moderator
    #515241

    @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


    1. link_phone
    rsystems Friend
    #515274

    Super duper, thank you!!

Viewing 8 posts - 1 through 8 (of 8 total)

This topic contains 8 replies, has 2 voices, and was last updated by  rsystems 11 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum