Skip to content

Instantly share code, notes, and snippets.

@neilgee
Last active October 30, 2024 04:29
Show Gist options
  • Save neilgee/1f72ceb2449df38ce7a32991f8a75f06 to your computer and use it in GitHub Desktop.
Save neilgee/1f72ceb2449df38ce7a32991f8a75f06 to your computer and use it in GitHub Desktop.
CSS Teaks for WP Google Review Slider
/* Google Review Sider & Grid
--------------------------------------------- */
/* Google Review Plugin Swap #000000 and #ffb200 for your colors */
@media(min-width:768px) {
/* Testimonials Equal Height*/
.wprevpro_t1_outer_div {
display: flex;
}
.wprevpro_t1_DIV_1 {
display: flex;
flex-flow: column nowrap;
}
.wprevpro_t1_DIV_2 {
flex-grow: 1;
}
}
#wprev-slider-1 .wprev_preview_bradius_T1 {
border-radius: 16px !important;
padding: 35px;
}
.wprevpro_t1_DIV_2 {
border: 1px solid #000000;
}
/* Quote Icon */
.wprevpro_t1_DIV_2::before {
color: #fff;
display: none;
}
/* Verified Icon */
span.svgicons.svg-wprsp-verified {
background: #fff;
}
/* Background */
.wprevpro_star_imgs span.svgicons {
background: #000000;
}
/* Stars */
.wprevpro_star_imgs span.svgicons {
background: #ffb200;
}
.wprevpro_star_imgs_T1 {
margin-right: 10px;
}
/* Text */
.wprevpro_t1_P_3 {
color: #fff;
font-style: normal;
}
/* Read more link */
.wprevpro_t1_P_3 a {
color: #999999;
text-transform: uppercase;
clear: left;
}
/* After Element */
.wprevpro_t1_DIV_2::after {
color: #000000;
}
/* After Element Knobulous */
#wprev-slider-1 .wprev_preview_bg1_T1::after {
border-top: 30px solid #000000;
}
/* Slider */
#wprev-slider-1 .wprev_preview_bg1_T1 {
background: #000000;
}
.wprs_unslider-arrow {
background: #000000 no-repeat 58% 51%;
background-image: url(/wp-content/plugins/wp-google-places-review-slider/public/css/imgs/slider_arrow.png) !important;
background-size: 7px 11px !important;
opacity: 1;
}
.wprs_unslider-nav ol li.wprs_unslider-active {
background: #000000 !important;
}
.wprs_unslider-nav ol li {
border: 1px solid #000000 !important;
}
/* Google logo */
img.wprevpro_t1_site_logo {
right: 5px;
bottom: 5px;
}
/* Google Reviews Grid */
.wprevpro_t1_DIV_2 {
background: #000 none repeat scroll 0 0/auto padding-box border-box;
border-radius: 16px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment