Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 27, 2020 at 8:22 pm #1256212
    jacobedgren4

    Hiya again
    Im trying to figure out if there is a way to bottom align columns. I got 3 columns in a color section, 2 of them with content 1 empty. Not equal height.

    Like this: 1/2 column, 1/4 column, 1/4 column
    The first columns content is a heading and intro text and its large
    The second column is a menu i made myself. This is smaller vertically than column 1.

    I now have them aligning at the top (with eachother ). Looks pretty good but i really want them to align bottomwise. Not the bottom of the browser or the color section but in regard to eachother. I know i can use equal height to make them align both at the top and bottom, but thats not what i want, i want them to be asymmetrical like that lol.

    Is there a way to do this?

    October 28, 2020 at 8:36 pm #1256478
    Victoria

    Hey jacobedgren4,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    October 28, 2020 at 10:36 pm #1256530
    jacobedgren4

    Hi Victoria
    Link posted in Private Content.

    Thanks
    Jacob

    October 29, 2020 at 11:11 pm #1256910
    Victoria

    Hi Jacob,

    Thank you.

    I think it’s better to make columns equal height and then we can push the text block down :)

    Best regards,
    Victoria

    October 30, 2020 at 2:42 pm #1257053
    jacobedgren4

    Ill try that, thanks.

    Jacob

    October 30, 2020 at 9:46 pm #1257171
    Victoria

    Hi Jacob,

    I thought you wanted them to be the same height, I misunderstood 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

    
.home #av_section_1 .post-entry-23 .entry-content-wrapper {
    display: flex;
    align-items: flex-end;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 2, 2020 at 11:00 am #1257551
    jacobedgren4

    Hi Victoria
    It worked like a charm! A small gap between the yellow and the blue box in mobile view though. I can live with it if its not fixable.

    Thanks
    Jacob

    November 2, 2020 at 11:02 pm #1257742
    Victoria

    Hi Jacob,

    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 (max-width: 767px) {
    .responsive #top #wrap_all .flex_column.first.avia-builder-el-9 {
        margin-bottom: 0px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 3, 2020 at 10:41 am #1257926
    jacobedgren4

    You are a star Victoria, worked excatly as i wanted. Now when we are on a roll could you help me with how to place the blue button ”Watch video” all the way to the left of the screen? I dont whant any margin to the left at all, like a sticky button, not scrolling but staying with the photo.

    Jacob

    November 5, 2020 at 6:33 pm #1258700
    Victoria

    Hi Jacob,

    Please have a look at the following thread:
    https://kriesi.at/support/topic/floating-button-to-show-contact-details/

    If you need further assistance please let us know.

    Best regards,
    Victoria

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