[Support request] I want to change my blog post like this

[Shivam]

Hey team, can you please share code for changing the blog post list in exact same design…

Here is the URL – https://fossbytes.com/

Here is the screenshot – Click here

Here is the URL of my website – http://www.gadgetsvtech.com

[David]

Hi there,

try this:

body:not(.single):not(.page) .inside-article {
    display: grid;
}

body:not(.single):not(.page) .post-image {
    grid-column: 1;
    grid-row: 1 / 5;
    margin-right: 20px !important;
}

body:not(.single):not(.page) .entry-header {
    grid-column: 2;
    grid-row: 1;
}

body:not(.single):not(.page) .post h2 {
    font-size: 20px;
}
body:not(.single):not(.page) .entry-summary {
    font-size: 14px;
}

[Shivam]

It is looking good on desktop but on mobile it is not looking good

[David]

How do you want it displayed on mobile with the image still aligned left or above the content?

[Shivam]

In mboile view i wants to dispaly full image

[Shivam]

Thankyou, I have fixed it up…

[David]

Awesome – looks great – glad to be of help.

[Author]

Posts