Last active
January 15, 2017 14:53
-
-
Save pro-beaver/53de9034a97c5d9022dc28174414acc9 to your computer and use it in GitHub Desktop.
Add click to call Phone button in Beaver Builder
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* 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