Layout Alignment problem

Hi there,

You have this custom CSS on the site that is causing the alignment issue:

/* WPSP Grids */
/* Single column align side image */
/* Add wpsp-align class to to WPSP List shortcode wrapper */
@media (min-width: 420px) {
    .wpsp-align .wp-show-posts-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .wpsp-align .wp-show-posts-inner>div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

Specifically the justify-content: center; property.

Thanks for super fast reply!

Can you help me how to fix the problem?

Hi there,

This is what i see:

https://www.screencast.com/t/RmSLUKR9j9E

did you resolve this?

I edited some CSS and finally solved it!

Elvin helped a lot.

Thank you very much, David and Elvin.

GP team's customer service is amazing.

No problem. Glad you got it sorted. :D

Sorry I have another problem.

Title, read more is correct but

image and exerted contents are not aligned.

Could you help me?Which part do I have to edit?

Thank you

Theme : Dispatch
Website :
http://brandon-insight.com/

Plug-in :
WP Show Post

screenshot
https://drive.google.com/file/d/1Gw3Ve1sN8DZmytTzFsROZEHuWC4GZGwN/view?usp=sharing

Ah that one is because of the same property.

I see you've changed justify-content: center; to justify-content: space-between;

You can actually keep that property but you must add this:

.wpsp-read-more {
    margin-top: auto;
}

So the space-between is overriden by the readmore button pushing the rest of the contents above it to align by themselves.

Elvin thank you!!
I solved the problem.

Thank you!!

No problem. :D