Viewing 7 replies - 1 through 7 (of 7 total)
  • The images might be of different sizes, that’s why the heights of them are different, So is the grids as well. so you have make them of same height. you can do this by
    1) croping them in a specific ratio (by photoshop or any other tool) before uploading.
    2) Or, in css stylesheet , set their height to your desired specific px and width to ‘auto’

    another thing is, make sure , the exceprt lengths are same as well. If not, make them same to have equal number of words or string.

    To make the site responsive
    1) You can use media query css . More about it is here
    https://css-tricks.com/css-media-queries/

    Thread Starter Dr. Taby

    (@dr-taby)

    NO. Images have the same dimensions. All. The problems are with text

    Well, then make excerpt with specific number of words and set min-height of the container to a value that makes the container bigger enough to hold that excerpt

    Hey,
    Dr. Taby, Mithu A Quayium is correct in that the word differances in your excerpt would make theme align differently. What you can do is set a min height on your excerpt container without a link I can’t guess at the height but here is some css you can pay with and get the size correct.

    .kad_blog_item .entry-content {
        min-height: 250px;
    }

    Kadence Themes

    Thread Starter Dr. Taby

    (@dr-taby)

    Thanks. But problem is in different lenght of titles and numbers of lines with post categories. Any resolution gives a different look.

    web is http://www.tastejourney.cz

    Ok try this instead:

    .kad_blog_item .blog_item {
        min-height: 550px;
    }

    Kadence Themes

    Thread Starter Dr. Taby

    (@dr-taby)

    Nice. 575px is the best! Thank you!

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

The topic ‘Different height of posts’ is closed to new replies.