Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 23, 2020 at 11:12 am #1224812
    stevenverkaart

    Hi,

    I’m fairly new to enfold and having a hard time in the following:
    – how to align a column to the bottom +10px of a color section?

    In my home page (www.hoekenblok.IT) the column in the color section is centered, being pushed down by the element above. In case a user has a larger screen, the 4 columns are centered instead of being pushed down to the bottom of the full screen color section.

    Any suggestions?
    thanks!

    Steven

    June 26, 2020 at 2:11 pm #1225817
    Victoria

    Hey stevenverkaart,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    June 26, 2020 at 2:56 pm #1225842
    stevenverkaart

    Hi Victoria,

    Please find attached the screenshot, the high lighted area should be positioned at the bottom of the color section.

    Regards,
    SteveScreenshot

    June 26, 2020 at 4:24 pm #1225928
    Victoria

    Hi Steve,

    Thank you.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width:1024px) {
    #av_section_1 .av_one_fourth {
        margin-top: 20vh;
    }
    #av_section_1.avia-section.av-minimum-height .container .content {
        vertical-align: bottom;
        margin-bottom: 0;
        padding-bottom: 20px;

    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 29, 2020 at 10:15 am #1226341
    stevenverkaart

    Hi Victoria,

    It works perfectly! many thanks

    Steven

    June 29, 2020 at 5:07 pm #1226517
    Victoria

    Hi stevenverkaart,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 29, 2020 at 5:11 pm #1226522
    stevenverkaart

    Hi Victoria,

    Almost there I’m afraid :(

    We need this css code to only work on this specific / home page. It unfortunately also pulls down elements in other color sections on other pages.

    Can you inspect the live home page in how we tried to solve this issue?

    Kind regards,
    Steven

    June 29, 2020 at 7:48 pm #1226566
    Victoria

    Hi,

    Sure, here is the code:

    
@media only screen and (min-width:1024px) {
    #top.page-id-4674 #av_section_1 .av_one_fourth {
        margin-top: 20vh;
    }
    #top.page-id-4674 #av_section_1.avia-section.av-minimum-height .container .content {
        vertical-align: bottom;
        margin-bottom: 0;
        padding-bottom: 20px;

    }
}

    Best regards,
    Victoria

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