[Resolved] Alignment of height in grid

Home Forums Support [Resolved] Alignment of height in grid

Home Forums Support Alignment of height in grid

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1618302
    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?

    #1618384
    David
    Staff
    Customer Support

    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.

    #1618670
    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?

    #1618677
    David
    Staff
    Customer Support

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

    #1618724
    Kasper

    Thanks David – that worked.

    #1618728
    David
    Staff
    Customer Support

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

    #1618887
    Kasper

    yes – thanks 🙂

    #1619663
    David
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.