[Resolved] Alignment of height in grid

[Kasper]

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?

[David]

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.

[Kasper]

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?

[David]

For the mobile grid container items, select each grid container item, and in the settings sidebar select the Mobile Tab and change the Width.

[Kasper]

Thanks David – that worked.

[David]

Sorry i missed the other question – is that also resolved?

[Kasper]

yes – thanks 🙂

[David]

Glad to hear that

[Author]

Posts