Virtical alignment

  • Resolved stefring

    (@stefring)


    5 years, 9 months ago

    Hi there,

    I have a 3 column row lay-out and want to add a button in each column. These buttons should stick to the bottom of the columns. How can I do this? Why not adding a vertical-alignment to the advanced button? This would solve the problem for me.

    Greetings from holland

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • hannah

    (@hannahritner)

    Hey,
    There is actually a function for this already. From the row layout block toggle. See screenshot: https://ibb.co/cFCyCjw
    Does that do what you’re after?

    Hannah

    Thread Starter stefring

    (@stefring)

    Hi Hannah,

    no that doesn’t work for me. I aligns’s the entire collumn and I only want to align the advanced button to the botom of the bottom

    Here is a testpage;https://stefringoot.com/stef-ringoot-is-illustrator-cartoonist/

    The buttons should be all on the same hight.

    Hey @stefring the way css works there isn’t a way to add vertical alignment to a button block because vertical alignment is defined by the container and type of display settings.

    I’m working on an update for the info box block which will better allow you to set min heights on the content so you can align across areas.

    A workaround is to add css like this:

    .page-id-5054 .wp-block-kadence-rowlayout .kt-inside-inner-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page-id-5054 .wp-block-kadence-rowlayout  .wp-block-kadence-advancedbtn {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

    That will only apply on that page.

    Ben

    Thread Starter stefring

    (@stefring)

    @britner thanks for that css code. It works for me!

    Greetings from holland
    Stef Ringoot

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Virtical alignment’ is closed to new replies.