Specify Various Thumbnail Sizes?

  • JoeMD

    (@joemd)


    12 years ago

    Hello folks,

    I’m using Catablog in two instances on my blog. The first I need the thumbnails to be somewhat larger (they are 100×100)so they can be seen more clearly.

    The second, however, I’d like the thumbnails to be slightly smaller (80×80) as the gallery appears in the sidebar. I’m wondering if it’s possible to create a template or use the widget logic to achieve this?

    Thanks in advance

    website – http://soniccollectors.com/

    https://wordpress.org/plugins/catablog/

Viewing 14 replies - 1 through 14 (of 14 total)
  • mbrsolution

    (@mbrsolution)

    12 years ago

    Hi JoeMD, have a read through the following Support thread and see if that helps you.

    Kind regards

    Thread Starter JoeMD

    (@joemd)

    12 years ago

    No, that doesn’t seem to work. It stops all but the first image showing and that first image is still 100px.

    mbrsolution

    (@mbrsolution)

    12 years ago

    Hi JoeMD, can you share here what code you used so that I can check it for you.

    Kind regards

    Thread Starter JoeMD

    (@joemd)

    12 years ago

    I used the code as given by the plugin author on the support page. The only thing I changed was the name of the catablog categorie to match my own and the size of the thumbnails.

    CSS –

    .catablog-row.wiki .catablog-image img {
	width: 80px;
	height: 80px;
}

    Template – 

    <div class="catablog-row catablog-gallery %CATEGORY-SLUGS%">
	<a href="%LINK%" class="catablog-image">
		<img src="%IMAGE%" alt="" />
		<strong class="catablog-title">%TITLE%
	</a>
	<div class="catablog-description">%DESCRIPTION%</div>
</div>

    Catablog widget shortcode –

    [catablog limit="6" category="wiki" navigation="no" template="wiki" sort="date" order="desc"]

    mbrsolution

    (@mbrsolution)

    12 years ago

    Hi JoeMD, did you set your image thumbnail to the highest value and then added the classes with smaller size images as in the example posted in the link I provided above?

    Kind regards

    Thread Starter JoeMD

    (@joemd)

    12 years ago

    Yes

    mbrsolution

    (@mbrsolution)

    12 years ago

    Hi JoeMD, please read through this tutorial and let me know if it helps you.

    Kind regards

    Thread Starter JoeMD

    (@joemd)

    12 years ago

    Ok, the thumbnails are now 80px, but there are HUGE empty spaces around them and the third thumbnail hasn’t moved up next to the top two as I was hoping (I was after rows of three). Any further suggestions?

    http://soniccollectors.com/ (sidebar)

    mbrsolution

    (@mbrsolution)

    12 years ago

    Hi JoeMD, I assume you are referring to the sidebar widget? If you are then try the following changes.

    .catablog-gallery.catablog-row {
    display: block;
    float: left;
    padding: 5px; <== set this to zero or 1
    position: relative;
    }

    Also check your other images just in case the change above causes other issues.

    Let me know if that helps.

    Kind regards

    Thread Starter JoeMD

    (@joemd)

    12 years ago

    Yeah, I was referring to the sidebar. The code made no difference to the images in the sidebar, but it did much the others up. Ah well, might just go back to how it was.

    mbrsolution

    (@mbrsolution)

    12 years ago

    Hi JoeMD how strange because the changes mentioned above did work for me when I tested them.

    Regards….

    Thread Starter JoeMD

    (@joemd)

    11 years, 12 months ago

    Maybe it’s something to do with the theme I’m using.

    mbrsolution

    (@mbrsolution)

    11 years, 12 months ago

    Hi JoeMD, I tested the code above using your website and it works 🙂 at least from my end.

    So do you think your issue or question has been answered?

    Kind regards

    Thread Starter JoeMD

    (@joemd)

    11 years, 12 months ago

    No, not yet. I’ll give it another try and see how I go then let you know.

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

The topic ‘Specify Various Thumbnail Sizes?’ is closed to new replies.