- This topic has 11 replies, 3 voices, and was last updated 2 years, 4 months ago by
Ying.
Viewing 12 posts - 1 through 12 (of 12 total)
-
AuthorPosts
-
September 30, 2022 at 2:54 pm #2359312
George
I need to apply equal column heights to the particular blog layout attached. Can you help?
September 30, 2022 at 4:02 pm #2359337Ying
StaffCustomer SupportHi George,
Try this CSS:
.one-container.blog .dynamic-content-template >.inside-article > .gb-container, .one-container.blog .dynamic-content-template >.inside-article > .gb-container >.gb-inside-container { height: 100%; }
You may set the white background color to the parent GB container.
September 30, 2022 at 4:14 pm #2359345George
Thanks Ying, it worked. How can I set the buttons to bottom-align?
October 1, 2022 at 9:36 am #2359939Ying
StaffCustomer SupportDid you remove the site link? Can you attach it again?
Let me know ๐
October 1, 2022 at 10:49 am #2359979George
Ah sorry, didn’t notice. Re-attached the link.
October 1, 2022 at 12:35 pm #2360063Ying
StaffCustomer SupportTry this:
.dynamic-content-template .gb-grid-wrapper>.gb-grid-column>.gb-container:not(.gb-has-dynamic-bg) >.gb-inside-container { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .dynamic-content-template .gb-grid-wrapper { height: 100%; }
October 2, 2022 at 12:54 pm #2360854George
Thanks, Ying, it doesn’t seem to be working.
October 2, 2022 at 5:25 pm #2360931Fernando Customer Support
Try adding this:
.blog .dynamic-content-template > .inside-article > .gb-container { height:100%; }
October 3, 2022 at 2:50 am #2361264George
It doesn’t work. Here is what I have now:
.dynamic-content-template .gb-grid-wrapper>.gb-grid-column>.gb-container:not(.gb-has-dynamic-bg) >.gb-inside-container { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .dynamic-content-template .gb-grid-wrapper { height: 100%; } .blog .dynamic-content-template > .inside-article > .gb-container > .gb-grid-wrapper { height:100%; }
Reminder: I want equal heights and bottom-aligned buttons.
October 3, 2022 at 11:00 am #2361839Ying
StaffCustomer SupportI don’t see any updated CSS on your site, maybe still cached.
These are the CSS I use and it seems working fine:
https://www.screencast.com/t/xPFCpxJNW.one-container.blog .dynamic-content-template >.inside-article > .gb-container, .one-container.blog .dynamic-content-template >.inside-article > .gb-container >.gb-inside-container { height: 100%; } .dynamic-content-template .gb-grid-wrapper>.gb-grid-column>.gb-container:not(.gb-has-dynamic-bg) >.gb-inside-container { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .dynamic-content-template .gb-grid-wrapper { height: 100%; } .gb-grid-column-b2462283 { max-height: 250px; } .gb-grid-wrapper>.gb-grid-column-e0fef27e { flex: 1; } .dynamic-content-template .gb-grid-wrapper { flex-direction: column; }
October 4, 2022 at 6:32 am #2362666George
Yeah, that works Ying, thanks!
October 4, 2022 at 11:14 am #2363142Ying
StaffCustomer SupportNo problem ๐
-
AuthorPosts
Viewing 12 posts - 1 through 12 (of 12 total)
- You must be logged in to reply to this topic.