"Clearfix" for uneven Express Entry Team Member?
Permalink Browser Info Environment
Good Afternoon,
We are building a site on the Pixel theme and one page is using the Express Entry Object (custom template: Team Member Grid 4). The client is including a "bio" for each entry, but the length of the bios vary some. We have a very short bio on the end of a row, so the next bio is filling in the remainder of that column instead of starting a new row. (see attached screenshot) Is there some way that we can force a "clearfix" or get that bio (and others if necessary) to start a new row rather than filling in empty column space. Thanks!
We are building a site on the Pixel theme and one page is using the Express Entry Object (custom template: Team Member Grid 4). The client is including a "bio" for each entry, but the length of the bios vary some. We have a very short bio on the end of a row, so the next bio is filling in the remainder of that column instead of starting a new row. (see attached screenshot) Is there some way that we can force a "clearfix" or get that bio (and others if necessary) to start a new row rather than filling in empty column space. Thanks!
Type: | Ticket |
---|---|
Status: | Archived |
Thank you!
It is working properly now at 4 columns, but when at 2 columns (tablet size) there is still the same issue. Any suggestions?
Thanks again!
It is working properly now at 4 columns, but when at 2 columns (tablet size) there is still the same issue. Any suggestions?
Thanks again!
Hi,
Can you send me a live link?
Can you send me a live link?
Sure, just visithttp://greenbriervalleygrown.org/our-farmers...
If you could let us know once you're finished so that we can hide the site again, we'd appreciate it. It's not quite ready to be live yet. Thanks!
If you could let us know once you're finished so that we can hide the site again, we'd appreciate it. It's not quite ready to be live yet. Thanks!
Hi there, just wondering if you'd found a fix for the tablet width yet?? Thanks!
Hi,
You can insert these lines in "custom.dev.less" file:
Check Instructions page #18 for details about how to use "custom.dev.less" file.
You can insert these lines in "custom.dev.less" file:
@media (min-width: 768px) and (max-width: 991px) { div.team { height: 450px; } }
Check Instructions page #18 for details about how to use "custom.dev.less" file.
That worked - thank you!
Attention: Since there has been no activity on this issue for two weeks, this issue has been automatically archived.
To re-open this issue, reply to this message.
To re-open this issue, reply to this message.
We fix that and it will be released in next version. Till then you can download and extract attached files at:
\packages\theme_pixel\blocks\express_entry_list\templates\