- This topic has 5 replies, 3 voices, and was last updated 3 years, 3 months ago by
.
-
Posts
-
Hi there,
I have a css here that should align the button and the text, but when the size of the window is reduced, the space-between is not visible. What is wrong here?
css:
.flextopdown {
display:flex;
}
.flextopdown >.gb-inside-container {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}Thanks for looking!
Erika
Customer Support
Hi Erika,
The CSS you currently seems to be not working.
Such a layout would be possible with no extra code needed in the next update of GenerateBlocks.
For now, what you can do is place the button outside of the
flextopdownContainer. After which, we can replace the CSS you have to make it work.Hi Fernando,
I see, that´s why I wondered why it did not work… however good news on the update.
I made the changes in the first column, what would be the proper css.
Thanks, Erika
Customer Support
Hi there,
try this method instead.
1. remove your current CSS and the classes from the container Blocks.
2. Add this CSS:.aligned-columns > .gb-grid-column > .gb-container > .gb-inside-container { display: flex; flex-direction: column; height: 100%; } .aligned-columns > .gb-grid-column > .gb-container > .gb-inside-container > :last-child { margin-top: auto; }3. Select the Grid Block, and give it a class of:
aligned-columnsHi David,
that´s nice. I keep it for the moment and will check out the possibilities after the next update 😉
Erika
You’re welcome
- You must be logged in to reply to this topic.
