Archived topic
Alignment of height in grid
7 replies · Started by Kasper on January 14, 2021
Hi
I hope you can help me with this.
At the bottom of this page: https://www.optimasport.dk/ I have a Grid with 4 columns. In one of the columns I have 2 sentences. How do I get the sentences aligned so all text start the at the same height. Now the second line of column 3 start at the same height as line one in the other columns?
Also how do I set a smaller line height in column 3?
Hi there,
select the Grid Container Block ( thats the parent block containing your columns ) and in Advanced > Additional CSS Class(es) add: headline-height
Then add this CSS:
.headline-height .gb-headline {
min-height: 80px;
}Adjust the min-height to account for the tallest headline.
Thansk David. That worked.
I moved the columns to the top of the page.
Two small questions - it creates a padding below the 4 columns? It seems the name is wp-block-group oops-section-padding has-background - how do I remove this?
On mobile - how do i make the columns stay as they are and not stack on top of each other?
For the mobile grid container items, select each grid container item, and in the settings sidebar select the Mobile Tab and change the Width.
Thanks David - that worked.
Sorry i missed the other question - is that also resolved?
yes - thanks :)
Glad to hear that
