Tagged: call button, phone number
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,
Rikard
Yes but how do you make it appear to be a button. Not just a click.
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
Hi it just looks like standard text, not a button.
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
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
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