Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 3, 2017 at 5:49 am #871999
    bbeasley10

    Hi, when I have a color section’s minimum height be 100%, my heading is centered in the middle of the image. How can I have it be at the top of the background image while still having the color section’s minimum hight be 100%? When I change the color section minimum height to no minimum height the heading is placed at the top, but my background image is messed up.

    Thanks

    November 3, 2017 at 9:14 am #872032
    Guenni007

    i think the best will be if you gave to that color-section a custom class to avoid that all your headings will be placed on top – f.e.: topheading
    than insert this in quick css:

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

    see here: https://webers-testseite.de/colorsection-100percent-with-heading/
    the distance could be styled by the padding setup in color-section

    November 3, 2017 at 12:10 pm #872118
    Rikard

    Hi bbeasley10,

    Did you try the suggestion from @guenni007 and did you have any luck with it?

    Best regards,
    Rikard

    November 3, 2017 at 7:23 pm #872258
    bbeasley10

    No that didn’t work

    November 4, 2017 at 12:35 pm #872475
    Rikard

    Hi,

    Ok, could you post a link to where we can see the element in question?

    Best regards,
    Rikard

    November 4, 2017 at 7:50 pm #872586
    Guenni007

    did you setup the custom css class for that color-section : in my code above i took: topheading

    i suppose that a lot of participants only try the code without reading the thread completly – am i wrong ?

    November 7, 2017 at 4:23 am #873512
    Ismael

    Hi,

    Please provide a link to the page where you’re testing this so that we can inspect it.

    Best regards,
    Ismael

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