Unable to balance content in 2 columns

  • jack_martin_leith

    (@jack_martin_leith)


    10 years ago

    Please see http://www.jackmartinleith.com.

    The content in the second column is sitting slightly lower than that in the first column. I’ve been using various workarounds but would like to get this fixed properly. Please note that I’m an experienced WordPress and Virtue user and have tried all the obvious solutions.

    Currently, the two images (man with microphone, and Woodrow Wilson quote) are actually one image located above the two columns.

    As you can see, the heading Enriching the world: is it good business practice? is not lining up with During a consulting career spanning more than three.

    There’s an anchor at the beginning of the second column, but removing it makes no difference.

    Thanks in advance for any help you can give.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Ritner – Kadence WP

    (@britner)

    10 years ago

    Right above the heading there is a <br> tag. I think you need to remove that.

    Kadence Themes

    Thread Starter jack_martin_leith

    (@jack_martin_leith)

    10 years ago

    Thanks. You’re right. The
    tag was there in the source code, but not in the WP code. The anchor was the source of the issue after all. How it was generating the
    tag is a mystery, but I moved the anchor down a bit and that fixed it. Noticed I’d named the anchor incorrectly as well.

    Thank you again.

    Jack

    Thread Starter jack_martin_leith

    (@jack_martin_leith)

    10 years ago

    The saga continues. Back to http://www.jackmartinleith.com.

    Man-with-microphone and Woodrow-Wilson-quote are now separate images, one at the top of each column. And they don’t line up.

    I can’t see a problem in the code at my end. But I can see one in the source code:

    <p><img title=”Bees make honey” src=”http://www.jackmartinleith.com/images/honey-1.png&#8221; alt=”Bees make honey” width=”45″ height=”65″ border=”0″ />
    </div><div class=”col-md-6″>
    <img title=”Woodrow Wilson, 28th President of the United States” src=”http://www.jackmartinleith.com/images/woodrow-wilson-quote.png&#8221; alt=”Woodrow Wilson, 28th President of the United States” width=”453″ height=”200″ border=”0″ /></p>

    So we have
    before </div> where we should have </p>.

    Once again, I’ve tried this and that, but to no avail. Can you tell me where I’ve gone wrong?

    Thread Starter jack_martin_leith

    (@jack_martin_leith)

    10 years ago

    Just discovered that line break doesn’t show up, so here’s the source code again with (br) in its place:

    <p><img title=”Bees make honey” src=”http://www.jackmartinleith.com/images/honey-1.png&#8221; alt=”Bees make honey” width=”45″ height=”65″ border=”0″ />(br)
    </div><div class=”col-md-6″>
    <img title=”Woodrow Wilson, 28th President of the United States” src=”http://www.jackmartinleith.com/images/woodrow-wilson-quote.png&#8221; alt=”Woodrow Wilson, 28th President of the United States” width=”453″ height=”200″ border=”0″ /></p>

    So we have (br) before </div> where we should have </p>.

    Thread Starter jack_martin_leith

    (@jack_martin_leith)

    10 years ago

    Mea culpa. The image on the right was an old workaround with transparent space at the top! All good now. Sincere apologies.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Unable to balance content in 2 columns’ is closed to new replies.