How to display loop horizontally with break?

  • tariqari

    (@tariqari)


    9 years, 8 months ago

    Hey,
    I have been struggling to learn how to do this. Basically what I want is 2 rows on a page, each with four posts from a specific category. Ideally, I would to do it with one row/sidebar with ONE easy widget, seeing as it’s from one category anyway and tell it to give me 8 posts, display them horizontally, and break to a second row after four are displayed. I think one sidebar would be best too so when I declare the style for mobile resolutions, I can easily adjust rather than have to position two side bars on top of each other in columns.

    First of all, is this possible?
    Secondly, how do I do this?

    Here is roughly how I want it to appear:

    Category Header (Example: Featured Content)
    POST 1 POST 2 POST 3 POST 4
    POST 5 POST 6 POST 7 POST 8

    Thanks for any help you can offer 😀

    https://wordpress.org/plugins/easy/

Viewing 1 replies (of 1 total)
  • Plugin Author 2046

    (@o-o)

    9 years, 8 months ago

    I would say, this is basically up to you and you css.
    Say your sidebar container is 100% wide, then each post container would by 25% wide all float left with clear none or so. .. and that’s it.
    On mobile media query each post container will be 100% wise and so on.. but this is CSS topic not “Easy” topic 😉

Viewing 1 replies (of 1 total)
  • The topic ‘How to display loop horizontally with break?’ is closed to new replies.