Align button to the bottom of the column

[payapi]

Hi!

I have tried and tried to get the button aligned to the bottom of the column. I have tried to flex-me from other topics, but it aligns the heading and the button to center, nothing else.

Could you please help me? You can find my buttons: https://clickteam.net

[ruenel]

Hello @PayApi,

Thanks for writing in!

Do you want something like this?

If that is the case, please edit the page back in Cornerstone and in your section settings, find the “Customize” tab. You will need to insert this element css:

$el .x-column.x-sm.x-1-3 {
    position: relative;
}

$el .x-column.x-sm.x-1-3 .x-anchor-button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -54px;
}

We would loved to know if this has work for you. Thank you.

[payapi]

Thank you! Almost there. Now only “Ask for an offer” buttons are not centered. Any idea to fix them?

[mldarshana]

Hi There @payapi

Could you please try updating this earlier code,

$el .x-column.x-sm.x-1-3 .x-anchor-button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -54px;
}

With the code blow and it should render your buttons properly.

$el .x-column.x-sm.x-1-3 .x-anchor-button {
    position: absolute;
    bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: 50%;
}

Hope that helps.

[payapi]

Yes, it did! Thank you

[friech]

We are delighted to assist you with this.

Cheers!