Archived topic
Radius changes for images displayed with WP Show Posts
7 replies · Started by Richard on October 14, 2019
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-1024x576.png
Thanks in advance.
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 :)
RedwoodCoastParks.com
At the bottom.
Thanks!
Try something like this:
.wp-show-posts-image img {
border-radius: 5px;
}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 */
Anywhere is fine.
Thanks, Leo.
No problem :)
