Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #22458

    How do I top align the content within each of the column shortcodes?

    http://174.120.16.66/~choco/locations/

    Notice each of the 1/3 sections are middle aligned. I’d like them to be top-aligned so 1) the titles aligned horizontally and 2) close the whitespace gap between the header and the start of the 1/3 columns.

    Thank you!

    zdevein

    #115839

    Hi,

    You have an empty paragraph tag on the very first item in first column which is pushing it up. (the last line)

    <div class="one_third first">
    <p>
    <span><a title="Revolution Wellness" href="http://www.revolutionsb.com/" target="_blank" id="LuckyAnchor_150608665_20">REVOLUTION WELLNESS</a><br>
    100 N Hope Street<br>
    #3B<br>
    Santa Barbara, CA 93110</span>
    </p>
    </div>
    <p></p>

    You are building this probably using shortcodes and you have an empty line somewhere which is converted into the empty paragraph tag. Look at your code in Text , not Visual to spot the <p></p>

    Thanks,

    Nick

    #115840

    I’m encountering the same issue with the 3 box images horizontally aligned http://174.120.16.66/~choco/home/

    I each each up using the Text tab and used divs like in your example versus the short codes. It still seems to be out of whack and when I examine the code there aren’t any arbitrary <p></p> that could be throwing things off.

    Code I used shown below – anything jump out that could be throwing it off?

    <div class=”one_third first”>

    <span>homeblocks_chocolates</span>

    </div>

    <div class=”one_third”>

    <span>homeblocks_yosan</span>

    </div>

    <div class=”one_third”>

    <span>homeblocks_wholesale</span>

    </div>

    #115841

    Hi,

    For that page i would use the following CSS

    #top.page div.one_third.first {
    top: -20px;
    }

    I tested and works.

    Thanks,

    Nick

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Column Shortcode valign top’ is closed to new replies.