Make all grid items equal height

  • rishabhsingh12

    (@rishabhsingh12)


    5 years, 10 months ago

    As you can see in the attached website link that all blocks in the grid layout have different height, which looks really odd. I want to make all blocks with same height.
    Any Solution?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hans-Gerd Gerhards

    (@hage)

    5 years, 10 months ago

    Hi,
    please try this (Appearance > Customize > Advanced Options > Additional CSS):

    
.grid-container__classic.tc-grid-border .grid__item {
    height: 400px;
}

    However, it may not work with more than 3 posts. Unfortunately I could not check this on the website.

    Thread Starter rishabhsingh12

    (@rishabhsingh12)

    5 years, 10 months ago

    Just wanted to know that is this feature already available in pro version of the theme?

    Theme Author presscustomizr

    (@nikeo)

    5 years, 10 months ago

    Hello @rishabhsingh12,
    this feature is not available in the pro version.
    All the best,

    Thread Starter rishabhsingh12

    (@rishabhsingh12)

    5 years, 10 months ago

    Hi, @hage

    Thanks for replying, your solution worked perfectly.

    However, on some grid items (for example 1st and 4th) the author name and date area is little bit above the bottom.

    So, if you can tell me how to move author name and date area at the bottom in each grid then It’ll be really helpful.

    I tried using this:

    .grid-container__classic.tc-grid-border .grid__item {
    display:flex;
    flex-direction: column;
    height: 100%;
	
}

.entry-footer{
display:flex;
align-self: flex-end;
}

    But it didn’t worked.

    Thanks.

    Thread Starter rishabhsingh12

    (@rishabhsingh12)

    5 years, 10 months ago

    This is the link I am referring to: https://www.clichemillennials.com/blog/

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Make all grid items equal height’ is closed to new replies.

Tags