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

Home Forums Support Radius changes for images displayed with WP Show Posts

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1034681
    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.

    #1034683
    Leo
    Staff
    Customer Support

    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 🙂

    #1038469
    Richard

    RedwoodCoastParks.com
    At the bottom.
    Thanks!

    #1038490
    Leo
    Staff
    Customer Support

    Try something like this:

    .wp-show-posts-image img {
        border-radius: 5px;
    }
    #1040571
    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 */

    #1040575
    Leo
    Staff
    Customer Support
    #1041778
    Richard

    Thanks, Leo.

    #1041820
    Leo
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.