Change direction of post layout

  • Resolved wavewatcher

    (@wavewatcher)


    1 year, 2 months ago

    Hi! Really grateful for this plugin!

    I am needing help with a couple of things. I want to display three posts in a row, with the image on top and the Title right below that and the date right below that. I am using this shortcode and it does it almost perfectly, except the posts are listed in a column on top of each other instead of in a row and I would like to decrease the gap between the image and title. Any advice would be much appreciated!

    [latest-selected-content ver=”2″ limit=”3″ display=”title,date” titletag=”h4″ url=”yes” image=”medium” elements=”26″ default_height=”0rem” css=”three-columns as-column has-shadow has-radius align-center content-space-between” status=”publish” orderby=”dateD”]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Iulia Cazan

    (@iulia-cazan)

    Hello,

    I tried but could not replicate the issue. I am wondering if there is some cached or if the styles do not load all on your instance.

    If you have some cache plugin, could you test without that being activated? Can you provide some details about your environment, and what theme and plugins you use? Also, are you using the plain shortcode or the block?

    Here is an example of how the shortcode you sent is displayed, I would say it looks as expected.
    https://imgur.com/a/B7zAsKx

    Regards,
    Iulia

    Thread Starter wavewatcher

    (@wavewatcher)

    Hi lulia – I am not sure why it was not working for me. After I wrote this post, I went back in and it was fixed (displaying horizontally with vertically information).

    One question…is there a way to decrease the padding between the image, title, and date?

    Plugin Author Iulia Cazan

    (@iulia-cazan)

    Hi,

    It’s great that it works now. Regarding the spacing question you have, the info spacing is by default set to half of the cart padding. If you want to override that, you could either change that for all instances or just for a specific one.

    Global, to all instances:

    <style>
.latest-post-selection.ver2 .article__info {gap: 1px; grid-gap: 1px;}
</style>

    Just for block with class .custom-grid:

    <style>
:where(.custom-grid) .latest-post-selection.ver2 .article__info {gap: 1px; grid-gap: 1px;}
</style>

    Hope this helps.

    Regards,
    Iulia

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change direction of post layout’ is closed to new replies.