Two Columns? « Vfxdude

Two Columns?

(8 posts) (3 voices)

Tags:

driftingfocus
Member

Is there a way to make a post template (through the custom single hack) in which the body text is in two columns? More importantly, is it possible to have the text flow dynamically from one column into the next?

Posted 1 year ago #
Dene
Member

Hi

Have you tried any of the plugins like WP-Columnize or WP Post Columns ?

Good luck.

Posted 1 year ago #
driftingfocus
Member

Close, but as I said I need the text to flow dynamically from one column to the next. Both of those plugins require you to choose the text that will go into each column. If I wanted that, I could easily do that with div tags.

Posted 1 year ago #

vfxdude
admin

this css will do it automatically:

.2cols {
  column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;
  column-gap: 1.5em; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em;
}

Posted 1 year ago #

driftingfocus
Member

Okay. I want to make a custom single template that I can use this with for posts that are long and completely text. Where in the coding should it go to make it automatic?

Posted 1 year ago #
vfxdude
admin

you can add the class to style.css and then add the class to a div wrapping the content, like this:

<div class="2cols"><?php the_content(); ?></div>

Posted 1 year ago #
driftingfocus
Member

Added that to a new custom single template, made a new category to accomodate it and...nothing. Any idea what's wrong?

Posted 1 year ago #
vfxdude
admin

did you add the class to style.css? check with Firebug that it's using the right template, and that the content is wrapped with that div.

Posted 1 year ago #

You must log in to post.