Archived topic
Question About Archive Layout from Crypto Site/Theme
1 reply · Started by wulfdawg on September 24, 2021
When looking at the Crypto Site Demo - Blog Page (https://gpsites.co/crypto/blog/), most of the posts have the same similar text content so each of the posts are symmetrical in their layout. However the 4th post the title "Essential Cryptography Tools That’ll Help You Avoid Unwanted Interruption" is very long which causes the "Text Excerpt" and "Read More" button to be pushed down.
Would it be possible to design a "Elements > Archive Layout" Block (with Dynamic Options) where each post's Featured Image, Title, Text Excerpt and Read More Button would always be symmetrical - within the archive page grid?
Hi Dean,
We can make the gap between elements equal (not exactly what you ask for I guess), but that will require some CSS, and we try to avoid adding too much CSS to our starter site templates, we would like to keep them as simple as possible.
If you imported the Crypto site, you can give this CSS a try:
.dynamic-content-template >.gb-container, .dynamic-content-template >.gb-container >.gb-inside-container {
height: 100%;
}
.dynamic-content-template >.gb-container >.gb-inside-container >.gb-container {
height: calc(100% - 250px);
}
.dynamic-content-template >.gb-container >.gb-inside-container >.gb-container >.gb-inside-container {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
Let me know if this helps :)
