Place at code snippet footer

$(function(){
$('span').each(function(){
// Get current phone number from page
var str = $(this).text().replace(/ /g, '');

// check if TH phone number match
if ( str.

Place at code snippet footer

jQuery(document).ready(function(){
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {

var countrycodes = "1";
var delimiters = "-|\\.|—|–| ";
var phonedef = "\\+?(?:(?:(?:" + countrycodes + ")(?:\\s|" + delimiters + ")?)?\\(?[2-9]\\d{2}\\)?(?:\\s|" + delimiters + ")?[2-9]\\d{2}(?:" + delimiters + ")?[0-9a-z]{4})";
var spechars = new RegExp("([- \(\)\.:]|\\s|" + delimiters + ")","gi"); //Special characters to be removed from the link
var phonereg = new RegExp("((^|[^0-9])(href=[\"']tel:)?((?:" + phonedef + ")[\"'][^>]*?>)?(" + phonedef + ")($|[^0-9]))","gi");

function ReplacePhoneNumbers(oldhtml) {
//Created by Jon Meck at LunaMetrics.

Problem

Client want to have a next and prev on the testimonials carousel we are using Pronto Testimonials Shotcode below instead of manually add it on Slideshows.

[testimonials_carousel group="testimonials" layout="list" style="b" image_style="circle"]

Place at code snippet header

.carousel-control.

Please duplicate this post to add the new resource and replace the content with your information

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,600,300italic,400italic,500italic,700italic);

input, button, select, textarea, body, .lead, .font-body {
&, &.h1, &.h2, &.h3, &.h4, &.h5, &.h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Roboto", lucida grande, Arial, sans-serif;
font-weight: 300;
line-height:@line-height-body;
strong, &.bold, .bold {
font-weight:700;
}
}
}

h1, h2, h3, h4, h5, h6, .font-head {
&, &.h1, &.h2, &.h3, &.h4, &.h5, &.h6 {
font-family: "Roboto", lucida grande, Arial, sans-serif;
font-weight: 500;
line-height:@line-height-heading;
strong, &.bold, .bold {
font-weight:700;
}
}
}

/*------------------------------------*\
Main Variables
\*------------------------------------*/

@baseColor : #366D8B;
@buttonMain : #FF8800;
@buttonCustom : #2F6280;
@line-height-heading: 1.4;
@line-height-body: 1.5;
@pixelfont: 16px;
@h1 : 38px;
@h2 : 30px;
@h3 : 24px;
@h4 : 20px;
@h5 : 18px;
@h6 : 16px;
@lead: 18px;
@accent2 : #FF8800;
@accent3 : #737373;
@accent4 : #074569;
@accent5 : #FA9A2A;

/* Do not touch */
@darkColor : #000;
@lightColor : #fff;

/*------------------------------------*\
Helper function
\*------------------------------------*/

.mixin (@a) when (lightness(@a) >= 66%) {
color: @darkColor;
}
.mixin (@a) when not (lightness(@a) >= 66%) {
color: @lightColor;
}
::selection {
background: @baseColor;
}
::-moz-selection {
background: @baseColor;
}

.complementary(@_a){
background-color: @_a;
.mixin(@_a);
}
.btn(@b:@buttonMain){
border-color: @b;
.complementary(@b);
text-shadow: none;

&:hover,.disabled, [disabled]{
background-color: darken(@b, 4%);
border-color: darken(@b, 4%);
.mixin(@b);
}

&:active, .active, &:focus, .focus{
background-color: darken(@b, 8%);
border-color: darken(@b, 8%);
.mixin(@b);
}
}
.element(@_arg, @font:@_arg) {
a:hover,
.sidebar-content .nav.