Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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.

    #878942

    Hey xtacx,

    Please try this in the phone number field:

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

    Best regards,
    Rikard

    #878976

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

    #879068

    Hi,

    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 {
      background-color:#ff8h4w;
      color:white;
      padding:5px;
    }

    Best regards,
    Rikard

    #879266

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

    #879633

    Hi,

    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,
    Rikard

    #879908

    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 7 years ago by xtacx.
    #880332

    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,
    Victoria

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