Buttons to align at bottom of column
- Witchypaws
- Topic Author
- Offline
- Senior Member
Less
More
- Posts: 58
- Thank you received: 1
1 year 4 months ago #68810
by Witchypaws
Buttons to align at bottom of column was created by Witchypaws
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
Please Log in or Create an account to join the conversation.
1 year 4 months ago #68845
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Buttons to align at bottom of column
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
Please Log in or Create an account to join the conversation.
- Witchypaws
- Topic Author
- Offline
- Senior Member
Less
More
- Posts: 58
- Thank you received: 1
1 year 4 months ago #68846
by Witchypaws
Replied by Witchypaws on topic Buttons to align at bottom of column
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
Please Log in or Create an account to join the conversation.
1 year 4 months ago - 1 year 4 months ago #68847
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Buttons to align at bottom of column
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: 1 year 4 months ago by ced1870.
Please Log in or Create an account to join the conversation.
Time to create page: 0.218 seconds