Jump to content


Photo
- - - - -

Featured thumbnail size

featured thumbnail CSS Image size

Best Answer catrina , 11 February 2013 - 04:36 PM

I think the issue is with cropping. Have you tried CSS for cropping the images rather than resizing them? (for reference: http://spigotdesign....image-with-css/)

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 LukeB

LukeB

    Super Member

  • Members
  • 139 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 11 February 2013 - 03:19 PM

After looking over numerous forum posts regarding this issue I am still unable to find a solution that actually works on my site.

I am using the thumb on top text underneath layout for the clip excerpt mode but I can’t find a way to make all my featured images the same size.
You can see the problem here with the first two posts that are displayed beneath the slider.

Please Login or Register to see this Hidden Content



In my media settings I’ve tried changing the thumbnail width and height to 290 width and 170 height but this has no effect. I’ve also made sure to use the regenerate thumbnails plugin after changing these media settings, but to no luck.

I’ve tried CSS to resize the images but that only skews them so they look horrible if they aren’t the correct dimensions.

Is there no way of setting a uniform size for featured images?

Any assistance would be appreciated.



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 11 February 2013 - 04:36 PM   Best Answer

I think the issue is with cropping. Have you tried CSS for cropping the images rather than resizing them? (for reference:

Please Login or Register to see this Hidden Content

)



#3 LukeB

LukeB

    Super Member

  • Members
  • 139 posts
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 11 February 2013 - 11:50 PM

Thanks for the reply, the best solution I could find to this problem was to use the following CSS.

 

.c_img img  {
 clip: rect(0px, 275px, 175px, 0px);
    position: absolute;
    width: 310px;}

.clip .post-meta .c_img {
    height: 175px;
    padding: 2px;
    width: 275px;
}



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 12 February 2013 - 03:04 AM

Great.







Also tagged with one or more of these keywords: featured thumbnail, CSS, Image size