[Resolved] Radius changes for images displayed with WP Show Posts

[Richard]

Hi, I’m using a GP site and Elementor, and have run across this challenge a few times.

Trying to tweak the image displays for WP Show Posts so that the images have rounded corners (via the radius function).

Unfortunately, I can’t find where or how or whether this can be done in this case. See four images at the bottom of this screen grab for more.

https://stengermedia.com/wp-content/uploads/2019/10/Screenshot-180-1024×576.png

Thanks in advance.

[Leo]

Hi there,

WP Show Posts is actually a separate plugin/product which we can’t really support it here
https://www.screencast.com/t/GgDQDJmmMW7

Can you link me to the site in question? If it’s simple enough I can make an exception this time 🙂

[Richard]

RedwoodCoastParks.com
At the bottom.
Thanks!

[Leo]

Try something like this:

.wp-show-posts-image img {
    border-radius: 5px;
}

[Richard]

Hi Leo,
Appreciate the snippet. One quick follow up please
Any suggestions on exactly where to stick it here in the additional css?
Richard

—————————————————–

/* GeneratePress Site CSS */ /*ELIMINATE OVERFLOW */

body {
overflow-x:hidden;
}

.elementor {
overflow-x:hidden;
}

/*CONTACT GALLERY */

.gallery-size-thumbnail .gallery-item img{
box-shadow:0px 0px 30px 0px rgba(12,12,12,0.21);

}

/*NAVIGATION */

#site-navigation .inside-navigation{
padding:6px 0 6px 0;
}

.navigation-logo a img{
padding:6px!important;
margin:0 12px 0 12px!important;
}

/*POSTS */

.wp-show-posts .wp-show-posts-single h2{
padding-left:12px;
padding-right:12px;
line-height:25px;
margin:30px 0 30px 0;
}

.wp-show-posts .wp-show-posts-entry-title a{
color:#0c0c0d !important;
line-height:33px;
}

.wp-show-posts .wp-show-posts-entry-title a:hover{
color:rgba(12,12,13,0.66) !important;
}

.wp-show-posts .wp-show-posts-single .wp-show-posts-entry-meta-below-title{
padding-left:12px;
padding-right:12px;
}

.wp-show-posts .wp-show-posts-meta a{
color:#ffffff;
background-color:#8ab2c5;
padding-left:12px;
padding-right:12px;
padding-top:6px;
padding-bottom:6px;
}

.wp-show-posts .wpsp-read-more a{
margin-left:12px;
margin-right:12px;
margin:12px;
}

.wp-show-posts .wp-show-posts-single .wp-show-posts-inner{
background-color:#ffffff;
box-shadow:0px 0px 30px 0px rgba(12,12,13,0.21);
text-align:center;
padding: 0 0 30px 0;

}

.wp-show-posts .wpsp-read-more a{
border-width:0px;
font-size:18px;

}

.wp-show-posts .wp-show-posts-inner .wpsp-read-more{
margin-top:30px;

}

.entry-content .wp-show-posts .wpsp-read-more a{
color:#0c0c0d !important;
}

.wp-show-posts .wpsp-read-more a:hover{
color:rgba(12,12,13,0.66) !important;
background-color:#ffffff !important;
}

/*PAGE HEADERS */

.inside-page-hero h1{
background-color:#0c0c0d;;
padding:12px 33px 12px 33px;
box-shadow:0px 0px 30px 0px
rgba(12,12,13,0.66);
text-shadow:rgba(0, 0, 0, 0.3) 0px 1px 1px;
}

/*RIGHT SIDEBAR*/

.inside-right-sidebar a .wp-image-13758{
box-shadow:0px 0px 30px 0px rgba(12,12,13,0.21);

}

.textwidget p{
text-align:center;
}

.inside-right-sidebar .widget h2{
text-align:center;
}

.inside-right-sidebar ul li{
text-align:center;
padding-top:6px;
padding-bottom:6px;
background-color:#8ab2c5;
margin-top:3px;
margin-bottom:3px;
}

.inside-right-sidebar ul a{
color:#ffffff !important;
}

.inside-right-sidebar .widget ul li a{
background-color:transparent !important;
}
/* End GeneratePress Site CSS */

[Leo]

Anywhere is fine.

[Richard]

Thanks, Leo.

[Leo]

No problem 🙂

[Author]

Posts