You can add styles for buttons such as Click to call, visit website, get directions etc.
Add this to the style sheet:
.phone-button {
background:url('https://downloads.realviewdigital.com/Realview/Barossa%20Testing/phone.png') no-repeat 10px 5px;
border-radius: 5px;
color: #ffffff;
font-family: Arial;
font-size: 15px;
font-weight: bold;
padding: 11px 10px 11px 51px;
text-decoration: none;
}
.website-button {
background:url('https://downloads.realviewdigital.com/Realview%20Digital/partica%20images/websiteicon.png') no-repeat 10px 5px;
border-radius: 5px;
color: #ffffff;
font-family: Arial;
font-size: 15px;
font-weight: bold;
padding: 11px 10px 11px 51px;
text-decoration: none;
}
.map-button {
background:url('https://downloads.realviewdigital.com/Realview/Barossa%20Testing/map-marker.png') no-repeat 10px 5px;
border-radius: 5px;
color: #ffffff;
font-family: Arial;
font-size: 15px;
font-weight: bold;
padding: 11px 10px 11px 51px;
text-decoration: none;
}
.bg-colour1 {
background-color: #61BBB0;
}
Then you can use styles in your articles eg:
<a class="phone-button bg-colour1" href="tel:1374264">
Call Now
</a>
<a class="website-button bg-colour1" href="http://thinkaboutyoureyes.com" target="_blank">
Visit website
</a>
<a class="website-button bg-colour1" href="https://www.google.com.au/maps/?daddr=sydney%20harbour%20bridge" target="_blank">
Show on Map
</a>