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

    Hello!

    I want to ask you how to align child elements to the top of a parent element.

    In my case this is a 1/1 colour section with 3 1/3 sections. In the middle 1/3 section I have a text block. This text block always aligns itself to the vertical center of the parent div, like in this image: https://www.dropbox.com/s/k63wvj77zklzmyi/mockup-enfold2.png?dl=0

    I would like this element to align itself to the top of the parent element, like on my mockup: https://www.dropbox.com/s/ms9l87vou5nlfh6/mockup-enfold.jpg?dl=0

    Can you help me? :)

    #688981

    Hey ghouzini,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    #688982

    Unfortunately, it’s still on localhost, but I managed to figure it out like this in custom.css:

    .avia-section.av-minimum-height .container .content {
    vertical-align: top !important;
    }

    .avia-section-huge .content, .avia-section-huge .sidebar {
    padding-top: 0;
    padding-bottom: 0;
    }

    #689624

    Hi,

    Ok great, thanks for sharing that. So I’m guessing that solved your problem?

    Regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.