WordPress.org

Ready to get started?Download WordPress

Forums

Virtue
Unable to balance content in 2 columns (6 posts)

  1. jack_martin_leith
    Member
    Posted 10 months 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.

  2. Kadence Themes
    Member
    Theme Author

    Posted 10 months ago #

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

    Kadence Themes

  3. jack_martin_leith
    Member
    Posted 10 months 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

  4. jack_martin_leith
    Member
    Posted 10 months 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" 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" 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?

  5. jack_martin_leith
    Member
    Posted 10 months 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" 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" 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>.

  6. jack_martin_leith
    Member
    Posted 10 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic