[leverpunchParticipant]

Hi,

How can I vertically both columns to the top (especially the second column) as it is currently vertically aligned to the center?

[leverpunchParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please update this code :

<p><strong><span style="color: #d04a49;">B. MANAGEMENT OF ATTRACTIONS & DESTINATIONS</span></strong></p>

To :

<p style="margin-bottom: 0;"><strong><span style="color: #d04a49;">B. MANAGEMENT OF ATTRACTIONS & DESTINATIONS</span></strong></p>

Hope it helps.

[leverpunchParticipant]

Thanks for the help!

However, this does not solve the issue as it is not mobile responsive. I believe you have to edit the css of the columnize element rather than its content.

[LelyModerator]

Hello There,

Unfortunately, this is how column count works by default. We cannot control vertical spacing per column of the content by controlling the columnize element. This is the CSS for that:

.x-columnize {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 5em;
    -webkit-column-rule: 1px solid #e5e5e5;
    -moz-column-rule: 1px solid #e5e5e5;
    column-rule: 1px solid #e5e5e5;
    margin: 0 0 1.313em;
}

See this:
http://www.w3schools.com/cssref/css3_pr_column-count.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Columns/Using_multi-column_layouts

Those space you have seen is part of the content of the columnize element.

Hope this helps.

[Author]

Posts