Make all grid items equal height

  • 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)

  • 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)

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

    Theme Author presscustomizr

    (@nikeo)

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

    Thread Starter rishabhsingh12

    (@rishabhsingh12)

    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)

    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