This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Disconnecting post-list thumbnail and featured image sizes?

  • Creator
    Topic
  • #2834
    frankiejb
    Member

    Hello everyone,

    After spending quite a lot of time scratching my head to no avail I eventually decided to ask for help on this forum.
    My problem is that I would like to have post-list thumbnails (= thumbnails displaying on category archive pages here) smaller than the featured images used in the respective posts.

    The featured images I’m using are 150×150 (“small thumbnail” format), which is the perfect size for posts, but unfortunately the thumbnails displaying in the post list are the same size and it’s way too large to my liking.
    If I reduce the thumbnail size the featured image shrinks too…

    I have tried many things, including using the ‘Theme Blvd Image Sizes’ plugin and but haven’t found a way to disconnect the thumbnail size from the featured image size. Is there one?

    http://i47.tinypic.com/671idl.png

    Thank you for any help.

    Frankie

Viewing 4 replies - 1 through 4 (of 4 total)
  • Author
    Replies
  • #2855
    Jason Bobich
    Keymaster

    Hello Frankie,

    This would only be possible through customization of your Child theme. You’d need to (1) create your own image size and (2) incorporate that new size into the posts of archives.

    1. From your Child theme’s functions.php, you’d register your own image size.

    http://codex.wordpress.org/Function_Reference/add_image_size

    Note: WordPress only crops images at the time you upload them. So you’ll need to either re-upload images or run the Regenerate thumbnails plugin — http://wordpress.org/extend/plugins/regenerate-thumbnails/

    2. Then, you’d copy content-archive.php to your Child theme’s directory and find this:

    <?php themeblvd_the_post_thumbnail( $location ); ?>

    And just add your image id you registered as the 2nd parameter of the function.

    <?php themeblvd_the_post_thumbnail( $location, 'your_image_size' ); ?>
    #2927
    frankiejb
    Member

    Hello Jason,

    Thank you very much for you help.

    I now have a smaller tumbnail on my post archive page as I wanted but there is some hitch with the frame, as you can see here: [IMG]http://i46.tinypic.com/34goojd.png[/IMG]

    Do you have any idea to solve it?
    I have searched the web with no result. I confirm that the image was re-uploaded to avoid any update issue.

    Thank you for any clue.

    Frankie

    #2928
    Jason Bobich
    Keymaster

    You’d need to style your image size to be floated in the same way the theme styles the small size.

    .attachment-your_image_size {
    	float: left;
    	margin-right: 20px;
    }

    Just for future referencing when you’re searching around: http://codex.wordpress.org/Post_Thumbnails#Styling_Post_Thumbnails

    ========

    For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

    Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

    #3020
    frankiejb
    Member

    Thank you very very much Jason, you’ve been wonderfully helpful!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.