In search of a single shortcode to align posts side by side horizontally

• 

  randygener · Member · Jun 29, 2016 at 2:52 pm

  • Copy link
  • Add topic to favorites

  Hello. My name is Randy | CultureOfOneWorld.org

  I am trying to re-format this Page:
  https://cultureofoneworld.org/gps-global-picture-square-2/
  I’m not positive but I think it could be possible to align the posts side by side horizontally using CSS in a way that would create more a grid type look with one — and only one — ascending/descending shortcode.

  Presently I am using 2 shortcodes to achieve a 2 column look. There will be 3 shortcodes for 3 columns.

  I’d like to create a similar look with one shortcode.

  Many thanks.
  Randy

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jun 29, 2016 at 11:17 pm

  • Copy link

  Hi Randy, the Display Posts Shortcode does not at this time support columns, so having three shortcodes is probably the only current solution. There is some recent, very promising CSS3 for doing rows and columns, but sadly the browser implementations of this advanced CSS are buggy, and Internet Explorer only supports it on version 11 or higher.

  You can give the following “old-school” method a try on a single shortcode and see how things go.

  .display-posts-listing .listing-item {
      max-width: 30%;
      display: inline-block;
      vertical-align: top;
  }