Site logo

[Support request] Mobile Posts view same as this website

Home Forums Support [Support request] Mobile Posts view same as this website

Home Forums Support Mobile Posts view same as this website

Viewing 15 posts - 1 through 15 (of 19 total)
  • Author
    Posts
  • #1832892
    Rohith

    Hi there, I want to display the posts in mobile same as this website

    #1832963
    Elvin
    Staff
    Customer Support

    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.

    #1832965
    Rohith

    Is it possible without the Generateblocks?

    #1832966
    Rohith

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

    #1832970
    Elvin
    Staff
    Customer Support

    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.

    #1832971
    Rohith

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

    #1832976
    Elvin
    Staff
    Customer Support

    Try this CSS:

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

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

    #1832983
    Elvin
    Staff
    Customer Support

    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

    #1832986
    Rohith

    It’s not showing even though it’s enabled

    #1832992
    Elvin
    Staff
    Customer Support

    Strange.

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

    Let us know.

    #1832994
    Rohith

    I am using Post meta elements inside the post only

    #1833004
    Elvin
    Staff
    Customer Support

    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. 😀

    #1833018
    Rohith

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

    #1833846
    Ying
    Staff
    Customer Support

    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 🙂

Viewing 15 posts - 1 through 15 (of 19 total)
  • You must be logged in to reply to this topic.