HTML (ShortCode) :

LESS CSS :

div[itemprop="articleBody"] .well {
background: #119be8;
}

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

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

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

/* Fix full-width class */
.full-width {
padding: 0;
overflow: hidden;
}
.full-width > .container {
padding: 0;
}
.full-width > .container > .row {
margin: 0;
}
.full-width > .container > .row > div {
padding: 0;
}

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

@baseColor: #0F0F0F;
@buttonMain: transparent;
@line-height-heading: 1.4;
@line-height-body: 1.5;
@pixelfont: 18px;
@h1: 40px;
@h2: 28px;
@h3: 24px;
@h4: 20px;
@h5: 18px;
@h6: 16px;
@lead: 20px;
@accent2: #000;
@accent3: #333;
@accent4: #666;
@accent5: #414141;

/* border of all input fields */

@inputBorder: #dcdcdc;

/* Do not touch */

@darkColor: #000;
@lightColor: #fff;

/*------------------------------------*\
WooCommerce Global Elements
\*------------------------------------*/

/* buttons */

.woocommerce ul.

@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.

div[role="complementary"] {
width: 20%;
}

div[role="complementary"] .inner {
border: 0 none;
border-radius: 0;
}

div[role="complementary"] aside>h3:hover,
div[role="complementary"] div>h3:hover {
background: none;
}

div[role="complementary"] aside>h3,
div[role="complementary"] div>h3 {
background-color: transparent;
border-bottom: 0 none;
border-top: 0 none;
padding: 0;
}

div[role="complementary"] aside>.nav-tabs,
div[role="complementary"] div>ul {
margin-left: 0;
margin-right: 0;
padding: 0;
border: 0;
}

div[role="complementary"] .flexnav a.current-page {
color: #EE0000 !important;
/* edit this property for active page */
}

.sidebar-content .nav.