Thumbnails are huge

  • I have an issue with the thumbnails. I’d like it to show thumbnails of the five latest posts in the categories chosen (preferably side by side and not above and below each other, but that’s another thing to deal with). The problem is that the thumbnails are huge, they cover the entire width of the screen. I want them to be 150x150px like the rest of the thumbnails but even with it specified the thumbnails are still huge.

    I use this code: [catlist name=”Chibi” numberposts=5 thumbnail=yes thumbnail_size=150,150]

    I have no clue of what the issue is and would appreciate help!

    https://www.ads-software.com/plugins/list-category-posts/

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

  • What happens if you use the ‘thumbnail’ size?

    [catlist name="Chibi" numberposts=5 thumbnail=yes thumbnail_size=thumbnail]

    Thread Starter Missangestgames

    (@missangestgames)

    It gives me the same result. I’ve also checked the functions.php if I could find anything in the theme overriding other settings but everything seems to be in order there. The same at the media settings.

    Can you inspect your page’s HTML?
    I am specifically thinking of the class of the thumbnails and of their styling attributes.

    Thread Starter Missangestgames

    (@missangestgames)

    I’m sorry but I can’t find the thumbnail class in the HTML, this is the page: https://www.missangestgames.com/game-style/

    Well, are the thumbnails displayed? I don’t see them on the page.

    If you don’t want to mess up with your already online site (and you shouldn’t), please provide the generated code here or via another service (e.g. Pastebin or Pastie).

    Thread Starter Missangestgames

    (@missangestgames)

    That’s weird, I can see them. For a brief moment they weren’t up because I forgot to save the page but they should be visble now, I can see them through both of my browsers.

    It’s OK now.
    Using the embedded inspector in my browser, I can see that the image default styling is width: 100%; (set in style.css).
    This causes an issue as the image is inside a list item, which is displayed as an inline element taking all of the available horizontal space.

    You have to set the thumbnail style to width: auto;. Maybe with a custom class?

    Thread Starter Missangestgames

    (@missangestgames)

    Oh I see! So that’s the issue. I’ll go ahead and read about how to create the custom classes then, thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Thumbnails are huge’ is closed to new replies.