Skip to content

Instantly share code, notes, and snippets.

@pro-beaver
Last active January 15, 2017 14:53
Show Gist options
  • Save pro-beaver/53de9034a97c5d9022dc28174414acc9 to your computer and use it in GitHub Desktop.
Save pro-beaver/53de9034a97c5d9022dc28174414acc9 to your computer and use it in GitHub Desktop.
Add click to call Phone button in Beaver Builder
/**
* Add click to call Phone button in Beaver Builder
*
* @author Davinder Singh Kainth
* @link http://probeaver.com/?p=735
*
*/
/* Code to be added in text widget in Beaver Builder */
<div class="phone"><a href="tel:1-800-555-5555" class="fl-button">1-800-555-5555</a></div>
/* This code should be added to style.css file of Beaver Builder theme or CSS box of Beaver Builder plugin */
.phone a {
font-weight: bold;
padding: 5px 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
letter-spacing: 1px;
}
.phone a::before {
content: "\f095 ";
font-family: FontAwesome;
margin-right: 5px;
}
.phone a:hover {
text-decoration: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment