Clients Colored Hover
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam at ullamcorper mauris, vitae imperdiet tortor. Cras aliquet gravida lacus eu auctor
Showcase Your Clients
Using the clients shortcode showcase your clients easily
<div class = "container-fluid">
<div class = "row wdpk-clients">
<div class = "col wdpk-client-item">
<a href = "#">
<img src="/assets/images/logo1.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo2.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo3.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo4.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo5.png" />
</a>
</div>
</div>
<div class = "row wdpk-clients">
<div class = "col wdpk-client-item">
<a href = "#">
<img src="/assets/images/logo6.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo7.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo8.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo9.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo10.png" />
</a>
</div>
</div>
</div>
$wdpk-gradient-1: #0056c6 !default;
$wdpk-gradient-2: #0bc9cd !default;
$wdpk-clients-colored-bg-hover: true !default;
$wdpk-clients-colored-bg-color: (
backgroundType: color,
gradientType: linear,
color1: $wdpk-gradient-1,
color2: $wdpk-gradient-2,
degree: 0deg,
) !default;
/* No Changes Made To Default Javascript */
Select As Many Columns As You Want
<div class = "container-fluid">
<div class = "row wdpk-clients">
<div class = "col wdpk-client-item">
<a href = "#">
<img src="/assets/images/logo1.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo2.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo3.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo4.png" />
</a>
</div>
</div>
<div class = "row wdpk-clients">
<div class = "col wdpk-client-item">
<a href = "#">
<img src="/assets/images/logo5.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo6.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo7.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo8.png" />
</a>
</div>
</div>
</div>
$wdpk-gradient-1: #0056c6 !default;
$wdpk-gradient-2: #0bc9cd !default;
$wdpk-clients-colored-bg-hover: true !default;
$wdpk-clients-colored-bg-color: (
backgroundType: color,
gradientType: linear,
color1: $wdpk-gradient-1,
color2: $wdpk-gradient-2,
degree: 0deg,
) !default;
/* No Changes Made To Default Javascript */
Mix And Match Column Count As Per Your Wish
<div class = "container-fluid">
<div class = "row wdpk-clients">
<div class = "col wdpk-client-item">
<a href = "#">
<img src="/assets/images/logo1.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo2.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo3.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo4.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo5.png" />
</a>
</div>
</div>
<div class = "row wdpk-clients">
<div class = "col wdpk-client-item">
<a href = "#">
<img src="/assets/images/logo6.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo7.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo8.png" />
</a>
</div>
<div class = "col wdpk-client-item ">
<a href = "#">
<img src="/assets/images/logo9.png" />
</a>
</div>
</div>
</div>
$wdpk-gradient-1: #0056c6 !default;
$wdpk-gradient-2: #0bc9cd !default;
$wdpk-clients-colored-bg-hover: true !default;
$wdpk-clients-colored-bg-color: (
backgroundType: color,
gradientType: linear,
color1: $wdpk-gradient-1,
color2: $wdpk-gradient-2,
degree: 0deg,
) !default;
/* No Changes Made To Default Javascript */
