Align items in a list

joaopeixoto
63 Posts
joaopeixoto posted this 13 December 2022
Ask a Question

How to align the last item of a list to the bottom?
I tried multiple of css changes with no sucess.
Is there a easy way to control elements inside a list?

How to align the last item of a list to the bottom? I tried multiple of css changes with no sucess. Is there a easy way to control elements inside a list?
Vote to pay developers attention to this features or issue.
6 Replies
Order By: Standard | Newest
joaopeixoto
63 Posts
joaopeixoto posted this 13 December 2022

I resolved the problem.
The Button I had to put top Margin: Auto
and text I added 40px bottom margin.

I tried to add this code in the css page:

.button {

margin-top:auto;
}

but this code didn't overcome the already set the nicepage had for the button.
Don't know if this is a bug. I think the css inserted my us, should be more important than the already set.

I resolved the problem. The Button I had to put top Margin: Auto and text I added 40px bottom margin. I tried to add this code in the css page: .button { margin-top:auto; } but this code didn't overcome the already set the nicepage had for the button. Don't know if this is a bug. I think the css inserted my us, should be more important than the already set.

Last edited 13 December 2022 by joaopeixoto

Support Team
Support Team posted this 14 December 2022

Hi João,

Your inserted code is more general and may be applied to all the site buttons that do not have more unique styles assigned. So the CSS for the class name of the concrete button overrides your code. You can use the margin-top:auto!important; rule to make this code higher in the hierarchy.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi João, Your inserted code is more general and may be applied to all the site buttons that do not have more unique styles assigned. So the CSS for the class name of the concrete button overrides your code. You can use the margin-top:auto!important; rule to make this code higher in the hierarchy. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
joaopeixoto
63 Posts
joaopeixoto posted this 14 December 2022

I dont think this code could be applied to all buttons. I assign the name button to 1 object only. It only could work in that object. Maybe nicepage think is more important margin than margin-top.

Thanks for the tip "!important"

I dont think this code could be applied to all buttons. I assign the name button to 1 object only. It only could work in that object. Maybe nicepage think is more important margin than margin-top. Thanks for the tip "!important"
Support Team
Support Team posted this 15 December 2022

Hi João,

Please specify if you had accomplished the desired result with your updated (important rule) CSS code.
Thank you.
...................................................
Sincerely,
Anna T
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi João, Please specify if you had accomplished the desired result with your updated (important rule) CSS code. Thank you. ................................................... Sincerely, Anna T Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
joaopeixoto
63 Posts
joaopeixoto posted this 16 December 2022

Like I said I resolved the problem inside nicepage puting margin to auto.
I removed my old code so I can't tell you if it worked. I will remember that (important rule) in future codes.
Thanks for you help.

Like I said I resolved the problem inside nicepage puting margin to auto. I removed my old code so I can't tell you if it worked. I will remember that (important rule) in future codes. Thanks for you help.
Support Team
Support Team posted this 16 December 2022

Hello João,

Thank you for the feedback.
Please let us know in case you require any additional assistance.
...................................................
Sincerely,
Anna T
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello João, Thank you for the feedback. Please let us know in case you require any additional assistance. ................................................... Sincerely, Anna T Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments