Half border around post block

Hi there,

I think you need to modify the structure of the post cards to wrap the contents, effectively separating it from the image so your borders only apply to the contents.

Here’s a PHP snippet to put that “html wrapper”.

add_action( 'wpsp_before_header', function( $settings ) {
    if ( 1234 === (int) $settings['list_id'] ) {
        echo '<div class="wpsp-content-wrap">';
    }
});

add_action('wpsp_after_content',function( $settings ){
    if ( 1234 === (int) $settings['list_id'] ) {
        echo '</div>';
    }
});

Change 1234 to the WPSP list you intend to apply this.

And then add this CSS:

.wpsp-content-wrap {
    position: relative;
    border-bottom: 1px solid red;
    border-left: 1px solid red;
    border-right: 1px solid red;
}

Thank you for the solution ??
Some adjustment is required as you can see in the image here.

Try adding this CSS:

.wp-show-posts-image {
    margin-bottom: 0;
}

.wpsp-content-wrap {
    padding-top: 20px;
}

Adjust the padding to your preference. ??

Perfect! Thank you so very much, Elvin. You’re a savior ??

• This reply was modified 3 years ago by ecstasyi.

No problem. Glad you got it sorted. ??