WordPress.org

Forums

[resolved] [plugin - WP Post Columns] vertical alignment (5 posts)

  1. mrcycling
    Member
    Posted 5 years ago #

    I have been trying to get WP Post Columns to be fully functional but it wants to stagger the top position, so as you work across the columns from left to right, each one starts a line or two lower. You can see the effect: test.bikinglesalps.com and test.bikinglesalps.com/pyrenees.

    On the homepage I was able to decrease the difference by playing around with manually adding some </p>. But having to hack the layout this way kind of eliminates the editing ease for the non-code literate user of the website.

  2. mrcycling
    Member
    Posted 5 years ago #

    Finally resolved this by combining techniques listed in several different posts.

    First the column copy must start immediately after the shortcode for the column, with no blank space.

    There needs to be a space after the copy and the end column shortcode, I dropped it down one line for ease of spotting it later. But the start of the second column needs to be on the same line as the end column with one space between the two and no space between the start column and the 2nd column copy.

    [column width="47%" padding="6%"]Copy starts right away, no gap.  At the end of the column copy skip to next line.
    [/column] [column width="47%" padding="0"]Column 2 starts right away, no gap, etc. Skip to next line as above.
    [/column] [end_columns]
  3. melvinram
    Member
    Posted 5 years ago #

    The next version will fix this issue automatically. We'll be releasing it in a day or two.

  4. amyk
    Member
    Posted 4 years ago #

    Thanks for posting. This resolved my issue as well. I have another vertical alignment question--additional space is added above the columns. How do you get rid of that?

  5. kesh
    Member
    Posted 4 years ago #

    I'm having a problem with this plugin adding space if the first line if a heading tag starts it out.

    If I have it:
    [column width="26%" padding="0"]<h2>Ask us about our Remote Diagnostics</h2>

    it will add a <p> tag around the shortcode. Also if I use a linebreak between them.

    If I move it like this:
    <h2>[column width="26%" padding="0"]Ask us about our Remote Diagnostics</h2>

    there's no gap but it doesn't render the h2 tag style correctly since the tags overlap.

    What do I do?

Topic Closed

This topic has been closed to new replies.

About this Topic