Stick a button to the bottom of a cell - Support | Kriesi.at

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
April 11, 2018 at 4:55 pm #940552

3dika
Participant

Hi.
When you put a button in the cell,and the content is aligned to the top, depending on the text in the different columns, the button is at different heights and I would like it to be aligned at the bottom. How would it be possible to do this? Thank you!!

April 13, 2018 at 9:13 am #941355
Vinay
Inactive Moderator
Hey Hirudika,

1. Please enable custom CSS class name support for ALB elements.
2. Add a unique class name to the buttons “stick-to-bottom”
3. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
4. If necessary add padding from the element layout options.
```
.stick-to-bottom {
    display: block;
    text-align: center;
    clear: both;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
```
Best regards,
Vinay
April 13, 2018 at 11:32 am #941417

3dika
Participant

Thank you Vinay,
now it is ok but, as you said, now it is necessary add padding but it is not working. ¿could you help me with this?

Thank you!

April 14, 2018 at 5:08 am #941795
Rikard
Keymaster
Hi,

Thanks for the feedback. Please try this instead:
```
.stick-to-bottom {
    display: block;
    text-align: center;
    clear: both;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom:20px;
}
```
Best regards,
Rikard
April 16, 2018 at 1:22 pm #942559

3dika
Participant

Thank you very much Rikard!
Besides being a very good template, the technical service is incredible!

April 17, 2018 at 6:37 am #942947

Rikard
Keymaster

Hi,

Thanks for the kind words and I’m glad we could help you out :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

April 17, 2018 at 10:33 am #943044

3dika
Participant

Hi, just tell you that I use the buttons in two different places. In the first one your code was enough, but in the other I had to add !important to the margin-botton:
.stick-to-bottom {
display: block;
text-align: center;
clear: both;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
margin-bottom:20px !important;
}

Thank you!

April 18, 2018 at 5:55 am #943408

Rikard
Keymaster

Hi,

Yes that might be necessary in some places to override the default styling. Thanks for sharing your code :-)

I’ll close this topic for now. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Stick a button to the bottom of a cell’ is closed to new replies.