Support » Plugin: Custom Content Shortcode » list category in two columns

Viewing 2 replies - 1 through 2 (of 2 total)
  • You could style your current code to make ir multi-column using CSS alone (IE10+)

    .wrap {
    -webkit-columns: 300px 2;
    -moz-columns: 300px 2;
    columns: 300px 2;
    }

    columns

    Plugin Author Eliot Akira

    (@miyarakira)

    The plugin doesn’t provide any styling for columns, but you can build it with HTML & CSS.

    Quick example:

    <div class="loop-row">
      [for each=category]
        <div class="loop-column">
          <h2>[each link]</h2>
          [loop type=post ]
            [field title-link]<br>
          [/loop]
        </div>
      [/for]
    </div>

    In your theme’s style.css:

    @media (min-width: 600px) {
      .loop-row {
        clear: both;
      }
      .loop-row:before,
      .loop-row:after {
        content: " ";
        display: table
      }
      .loop-column {
        float: left;
        width: 50%;
      }
    }

    The columns will stack vertically on smaller screens.

    This way, you can adjust it to your liking.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘list category in two columns’ is closed to new replies.