Styling issue for category thumbs

  • Resolved metroicon2

    (@metroicon2)


    2 years, 4 months ago

    Hey Ben,

    Sorry to be back with the same question! I discovered that thumbnails were being created through a plugin and after disabling it (it was using WP CDN to generate the thumbs and causing issues), the video thumbnail images have resorted to their previous look with black bars. Any way to fix this with a CSS modification? Have tried to play around with the code you gave me but nothing works (however it’s still in there). This is what you suggested previously:

    .blog .featured-image,
.archive .featured-image,
.search .featured-image {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 75%;
}
.blog .featured-image img,
.archive .featured-image img,
.search .featured-image img {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

    Thanks!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hey,

    That code will still work, it just needs a small modification. Change the 75% to 56%, and it will crop out the black bars.

    Thread Starter metroicon2

    (@metroicon2)

    Thanks a lot! That worked for the featured story in the category. I guess there’s no quick fix for the box previews below with bars? If I zoomed in just for that category would that work? Thanks for your help!

    Theme Author Ben Sibley

    (@bensibley)

    Sorry, those are fixable too – I didn’t think of that. Here is a similar code snippet to crop those images as well:

    .layout-double .double .featured-image, .layout-rows .rows .featured-image, .layout-rows-excerpt .rows-excerpt .featured-image, .widget_ct_mission_news_post_list .style-2 .featured-image, .more-from-category .featured-image {
  padding-bottom: 56%;
}
    Thread Starter metroicon2

    (@metroicon2)

    Really appreciate it! Worked like a charm.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Styling issue for category thumbs’ is closed to new replies.