Buttons to align at bottom of column
- Witchypaws
- Offline Topic Author
- Senior Member
- Posts: 58
- Thanks: 1
Hi Ced
I have a section in a page builder with three columns. Each column has a photo, a title, some text and a button and I want the buttons to all line up at the bottom even though the titles and text elements have different heights. I have also made the columns be set at 33.3333% with no automatic spacing in the row so we can go to 4,5,6,etc columns and they just keep wrapping in the row (see screen shot please)
THIS IS NOT and CANNOT be a blog element.
I don't really want to use mininum height on each element because we will not know the longest one as the data is going to pull out of a special table using php
I think it is possible with some CSS because I know that I can use the switch in blog elements to get the buttons to line up at the bottom.
Can you tell me how that is achieved using CSS on a normal row and columns element
Thanks
Jacqui
I have a section in a page builder with three columns. Each column has a photo, a title, some text and a button and I want the buttons to all line up at the bottom even though the titles and text elements have different heights. I have also made the columns be set at 33.3333% with no automatic spacing in the row so we can go to 4,5,6,etc columns and they just keep wrapping in the row (see screen shot please)
THIS IS NOT and CANNOT be a blog element.
I don't really want to use mininum height on each element because we will not know the longest one as the data is going to pull out of a special table using php
I think it is possible with some CSS because I know that I can use the switch in blog elements to get the buttons to line up at the bottom.
Can you tell me how that is achieved using CSS on a normal row and columns element
Thanks
Jacqui
by Witchypaws
Please Log in or Create an account to join the conversation.
Hi
this is a custom css development ...
please give me the url of your page so that I can check
CEd
this is a custom css development ...
please give me the url of your page so that I can check
CEd
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
- Witchypaws
- Offline Topic Author
- Senior Member
- Posts: 58
- Thanks: 1
Replied by Witchypaws on topic Buttons to align at bottom of column
Posted 9 months 1 week ago #68846
HI Ced,
YOU can see the page here
transition.xfactorcollective.com/organisations/services
You will need to login to see it
Thanks Jacqui
YOU can see the page here
transition.xfactorcollective.com/organisations/services
You will need to login to see it
This message contains confidential information
Thanks Jacqui
by Witchypaws
Please Log in or Create an account to join the conversation.
you can try this css code
Code:
#row_ID1689307790434 .innercontent {
height: 100%;
background: red;
display: flex;
flex-direction: column;
}
#row_ID1689307790434 .innercontent [data-type="button"] {
margin: auto: 0 0 0;
}
Joomlack Webmaster and Developer
Last Edit:9 months 1 week ago
by ced1870
Last edit: 9 months 1 week ago by ced1870.
Please Log in or Create an account to join the conversation.
Time to create page: 0.702 seconds