Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #878719

    I tried a few different searches and discovered the older threads but nothing seem to work properly.

    I want the phone number to say Call 1-555-555-5555, but on mobile I want it to be a beautiful highlighted button that stands out a cta if you will as I will be using call tracking for it.
    Could soemone give me the custom css code to do this, and what to enter in the elements box?

    Thank you.


    Hey xtacx,

    Please try this in the phone number field:

    <a href="tel:1-555-555-5555">1-555-555-5555</a>

    Best regards,


    Yes but how do you make it appear to be a button. Not just a click.



    Please try this instead:

    <a href="tel:1-555-555-5555" class="phone-button">1-555-555-5555</a>

    Then this in Quick CSS:

    .phone-button {

    Best regards,


    Hi it just looks like standard text, not a button.



    Would this suit your taste better? Otherwise you have to explain what a beautiful button is:

    <a href="tel:1-555-555-5555" class="avia-button avia-icon_select-yes-left-icon avia-color-theme-color avia-size-small avia-position-center">1-555-555-5555</a>

    Best regards,


    yes that is better, but is there anyway to make it a nice Call to action, similar to something like this but not a picture, because the number has to be text not a picture for call tracking to work

    Image 2017-11-21 at 1.15.42 PM.png

    • This reply was modified 6 years, 6 months ago by xtacx.

    Hi xtacx,

    Can you show us what you’ve got so far? Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.