"1st full + grid" – image size

  • Posted in : TheBlogger
  • Steve B
    Participant

    We are using the “1st full + grid” blog format which we really like. The problem is that our blogs have hundreds of posts with photos and all our photos are not quite as big as what is required for that first full photo in the “1st full + grid” mode. Looks like the container for that is 710px.

    We actually don’t want to change that but I’m hoping that there would be some CSS for making that 1st full image spot, be able to use our slightly smaller images, by just making them fit by sizing them up to the 710px that is required. (like object-fit etc.) As long as the images are not stretched and the aspect ratio is kept. That spot under the featured area (the 1st larger photo in the grid) is the only spot that we need to do that.

    Thank you!

    http://tbd.wpstagecoach.com/

    serkan
    Moderator

    Hi,
    You can try to use this custom css code;

    .blog-grid.first-full .featured-image img { width: 100%; }

    Thanks

    Steve B
    Participant

    Works perfect – thanks Serkan!

    serkan
    Moderator

    You are welcome.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register