Mobile Posts view same as this website

Hi Rohith,

I believe you can do this by creating your own design for the post items through Block Element - Content Template.

See Leo's demo here - https://www.youtube.com/watch?v=8byA37OTBRg

As for the columns, you may need a bit of CSS. Let us know when you've applied the general styling and let us have a look at it.

Is it possible without the Generateblocks?

By the way, can you give me the css of rounded post columns oh homepage for mobile?

Is it possible without the Generateblocks?

You can't do this with GenerateBlocks alone. You'll have to use GenerateBlocks within the Block Element - Content template.

By the way, can you give me the css of rounded post columns oh homepage for mobile?

You can do this through the Block Editor's UI. GenerateBlocks' container blocks have border-radius property.

No actually i don't want to do it. I just want add rounded corners to the existing container

Try this CSS:

.inside-article {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 13%);
    border-radius: 10px;
}

It worked thanks. By the way, the date and author name is not displaying in home page posts even though its enabled.

It worked thanks. By the way, the date and author name is not displaying in home page posts even though its enabled.

That's strange.

Can you make sure you've selected the correct tab on Appearance > Customize > Layout > Blog? Perhaps it's only enabled for Posts tab but not the Archive tab - https://share.getcloudapp.com/L1uBWkPo

It's not showing even though it's enabled

Strange.

Are you using a child theme template? Or perhaps a PHP filter for the header meta elements?

Let us know.

I am using Post meta elements inside the post only

I am using Post meta elements inside the post only

Ah that's the case.

You'll have to add date and author name meta on that Block element template as well.

Block Element templates override the default so customizer's settings don't work when one is actively applied. :D

I have deleted the Block elements but still unable to see the date and author name.

Go to customizer > addtional CSS, check if this CSS is there:
https://www.screencast.com/t/P3Qes04A

.post .entry-meta {
	display: none;
}

If so, remove it.

Let me know :)