Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 20, 2019 at 4:45 pm #1102525
    tremblayly

    Hi
    I’m developing a new website, not published yet to the public. Here’s the URL: http://tremblayly.wpengine.com/ (hosted on WPengine)
    The issue is on the home page, the very first section. The columns are set to be “equal height” and vertical alignment is set to “top” with “no space between columns”

    I don’t understand why the text don’t align. The text area content for the middle column (special heading) uses a different font then the font in the right column. But that should not make a difference right?

    Can you help me figure out what’s causing the misalignment.

    Thanks
    Lyse

    May 21, 2019 at 9:14 am #1102743
    Nikko

    Hey Lyse,

    That’s because paragraphs have top margins, try adding this css code in Quick CSS, located in Enfold > General Styling, this should remove the top margin on all first paragraphs inside equal height columns:

    #top .av-equal-height-column-flextable .flex_column p:first-child {
    margin-top: 0;
}

    Hope it helps.

    Best regards,
    Nikko

    May 21, 2019 at 4:08 pm #1102908
    tremblayly

    Hi Nikko,
    That worked perfectly.
    Thank you so much for the prompt response.
    Lyse

    May 21, 2019 at 5:00 pm #1102942
    Nikko

    Hi Lyse,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Columns within section not aligning to top correctly’ is closed to new replies.