columns

  • Resolved Rhand

    (@rhand)


    3 years ago

    Added my own theme for styling, but this is now a list using the custom html default markup from theme clone with <h2> for titles and <ul class="wpp-list wpp-tiny"></ul> before popular posts and <li class="{current_class}"><div class="wpp-item-data">{category}</div> {title}</li> for the posts.

    Any recommendation on how to display popular posts in columns? Like every x posts start a new column?

    • This topic was modified 3 years ago by Rhand.
    • This topic was modified 3 years ago by Rhand.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Hector Cabrera

    (@hcabrera)

    Hi @rhand,

    May want to give CSS Grid Layout a try. Sounds like a good candidate for what you’re trying to do.

    Thread Starter Rhand

    (@rhand)

    Thanks for the tip Hector. I Added columns using CSS

    
.wpp-tiny {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    max-width: 1000px;
}

@media only screen and (max-width: 800px) {
    .wpp-tiny {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    }
  }
    • This reply was modified 3 years ago by Rhand.
    • This reply was modified 3 years ago by Rhand.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘columns’ is closed to new replies.