Squished thumbnail image in featured post

  • Resolved miasteinberg

    (@miasteinberg)


    11 years, 4 months ago

    Hey Intelliwidget folks,

    I’ve installed the Intelliwidget for the purpose of featuring an “album of the month” post on the sidebar of my website. I’ve been playing around with the features for hours, and I just can’t get the photo to show up as a nice square thumbnail; it’s squished vertically, no matter how the alignment is set. According to the intelliwidget website, “The default stylesheet automatically constrains the “thumbnail” size to 25% of the column width.” I’d like to change this so that the image spans the full width of the column; I don’t really need to include a text excerpt of my post, and would be happy if it just had the title of the post and the image below it.

    If you go to my site, https://www.particlesandwavesshow.com, I hope you’ll see what I mean (orgive the dust, it’s still in progress). Is there any way for me to override this 25% constraint and allow the image thumbnail to span as much of the column’s width as it needs? How would I do this exactly?

    Thanks so much!
    Mia

    https://www.ads-software.com/plugins/intelliwidget-per-page-featured-posts-and-menus/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author lilaeamedia

    (@lilaeamedia)

    Hi Mia, thanks for using IW!

    1. Create a new folder in your theme directory named “intelliwidget”

    2. Download this file unzip and upload it to the new folder:

    albums.php

    3. Select “albums” as the template option.

    4. Enjoy!

    Thread Starter miasteinberg

    (@miasteinberg)

    Hi!

    Thanks so much! I uploaded the template, but while it works fine when right- or left-aligned, it doesn’t when the image is centered–it horizontally stretches now. I hate to nitpick, but the non-centered alignments mess with the alignment of the rest of the sidebar widgets, and I’m sure you know the old eye twitch of when your site isn’t doing what you’d like it to do.

    You’ve been a huge help already, but if there’s a way for you to tweak it so that the thumbnail size for the albums template just always remains square, that would be amazing. If it’s not, then I’ll make do.

    Again, thank you so much, and have a great day!
    Mia

    Plugin Author lilaeamedia

    (@lilaeamedia)

    Mia, it looks like your theme is not applying the height:auto rule to images to make them resizable.

    Add these styles to the album.php template:

    .intelliwidget-album-container { text-align: center; clear:both; }
    .intelliwidget-album-container img { max-width: 100%; height: auto }

    Also, instead of hard-wiring styles to the template you can create your own stylesheet by copying the default from the intelliwidget templates folder into your new intelliwidget theme folder. This file automatically overrides the defaults.

    Plugin Author lilaeamedia

    (@lilaeamedia)

    Hi Mia,

    Let me know if you have any more questions. I am closing this ticket for now.

    Thanks,

    -jf

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Squished thumbnail image in featured post’ is closed to new replies.