blog grid – fixed height

  • Resolved kk_admin

    (@kk_admin)


    5 years, 8 months ago

    Hello, I’m absolutely loving Ascend after years of using Pinnacle, but I have exact same issue that I remember having in Pinnacle initially. I want the blog tiles to be of equal height, not only width.

    In Pinnacle I’ve been advised to use the below code, but there I didn’t need the post excerpt to be shown at all:

    #kad-blog-grid .blog_item .entry-title {
    min-height: 55px;
    }

    #kad-blog-grid .blog_item .entry-title {
    text-align: center;
    }

    #kad-blog-grid .blog_item .entry-content {
    display:none;
    }

    In the site I linked above, I still want to see the one-sentence excerpts (I set them manually not to be longer), but I need the height to be the same for each post.
    Thank you very much in advance for your help!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter kk_admin

    (@kk_admin)

    + also how can I make the image ratio 16:9 in the blog grid? I had different featured images before that were more in a panorama ratio, and they used to fit just fine, but now I see that the sides are cut.

    hannah

    (@hannahritner)

    Hey,
    So glad to hear you’re enjoying our themes!
    Try adding this to your custom css box in Theme Options:

    .kad_blog_item h5.entry-title {
    min-height: 55px;
}
.kad_blog_item .entry-content {
    min-height: 100px;
}

    In Theme Options > Blog Settings do you have “Standard Blog Post Summary Default” set to Landscape?

    Hannah

    Thread Starter kk_admin

    (@kk_admin)

    Hi Hannah, the code did the job, thank you!

    Side note, I had a @media (max-width: 1025px) entry with something completely different BEFORE the code I pasted now, and the new code somehow thought it should work only on smaller devices – but I figured it out changing the order of custom CSS entries. I only mention it in case someone does the same mistake.

    Miniatures unfortunately are still cut – I do have “Standard Blog Post Summary Default” set to Landscape. They behave same way in the 3 columns version and 4 columns too.

    Hey,
    In your theme options > blog options can you make sure “Crop blog grid images to equal height” is turned off?

    That will make it so whatever ratio image you upload it won’t crop part of it off.

    Ben

    Thread Starter kk_admin

    (@kk_admin)

    I’m sorry I forgot to tag it, yes, turning off the cropping option worked!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘blog grid – fixed height’ is closed to new replies.