Title: Thumbnails squashed into squares
Last modified: August 21, 2016

---

# Thumbnails squashed into squares

 *  [LittleBlogger](https://wordpress.org/support/users/littleblogger/)
 * (@littleblogger)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/thumbnails-squashed-into-squares/)
 * Images uploaded into posts are not being displayed in their proper ratio or size.
   They are being squashed into squares. Particularly a problem for my site where
   most pictures are book covers and, therefore, rectangular.
 * This thumbnail image (“featured image”) is not affected by changing any settings
   in Settings>> Media.
 * Neither is it affected by editing the image. It remains in the same size square
   no matter what size the original is.
 * At the moment, I am using a work around by altering the CSS.
 * Line 222, where it begins: “.post img.attachment-thumbnail…” limits the thumbnail
   to: “width:120px;height:120px;”. I simply removed this code. This images are 
   now the correct size.
 * Let me know if you add in any updates which would be a more sensible way of doing
   this.

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

 *  Theme Author [Mohammad Taqui Sayed](https://wordpress.org/support/users/sayedwp/)
 * (@sayedwp)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/thumbnails-squashed-into-squares/#post-4463828)
 * I dont think they are becoming squares , look on the demo site [http://supernovathemes.com/supernova/post-23/](http://supernovathemes.com/supernova/post-23/)
 *  Thread Starter [LittleBlogger](https://wordpress.org/support/users/littleblogger/)
 * (@littleblogger)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/thumbnails-squashed-into-squares/#post-4463985)
 * I see that you don’t have squares on your demo site. This appears to be because
   your pictures are being generated using different code; and I don’t understand
   why.
 * When I inspect the picture element on your demo site, it shows that your picture
   is bound by the rule:
    _.supernova\_thumb img_ which relates to line 633 of the
   CSS which doesn’t turn the picture into a square.
 * However, when I put a picture in a post on MY site, it is bound by the rule:
   _.
   post img.attachment-thumbnail, type post img.attachment-thumbnail_ which relates
   to line 222 of the CSS which employs the code “width:120px;height:120px;”, as
   I mentioned
 * How are you adding a picture to your post and making it the correct size?
 * I am doing so by setting a featured image (images added via “add media” don’t
   show up on the home page).
 * I’m working on this site again today (having taken a month’s break) and will 
   be taking out the “width:120px;height:120px;” code to get rid of my square images
   issue. But you can see see the site here:
    [http://www.ellybooks.co.uk](http://www.ellybooks.co.uk)
 *  Thread Starter [LittleBlogger](https://wordpress.org/support/users/littleblogger/)
 * (@littleblogger)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/thumbnails-squashed-into-squares/#post-4463986)
 * PS: Since I have switched to displying all of a post on the home page, I have
   switched to inserting images via “add media”, as featured images do not show 
   when turning off excerpt

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

The topic ‘Thumbnails squashed into squares’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/supernova/2.1.0/screenshot.png)
 * Supernova
 * [Support Threads](https://wordpress.org/support/theme/supernova/)
 * [Active Topics](https://wordpress.org/support/theme/supernova/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/supernova/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/supernova/reviews/)

## Tags

 * [images](https://wordpress.org/support/topic-tag/images/)
 * [thumbnails](https://wordpress.org/support/topic-tag/thumbnails/)

 * 3 replies
 * 2 participants
 * Last reply from: [LittleBlogger](https://wordpress.org/support/users/littleblogger/)
 * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/thumbnails-squashed-into-squares/#post-4463986)
 * Status: not resolved