Title: Full-width images
Last modified: October 14, 2016

---

# Full-width images

 *  [fbramming](https://wordpress.org/support/users/fbramming/)
 * (@fbramming)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/full-width-images-4/)
 * Hello community
 * I would like my website to show large images in full width of the page. I cannot
   understand why the image is narrower than the text body. In the page editor it
   looks fine and big and filling the entire width og the page, but on the front
   end it doesn’t look good. Here is an example on my site:
 * [http://frederikbramming.dk/en/portfolio/madaworks](http://frederikbramming.dk/en/portfolio/madaworks)
 * The vimeo embed obviously works fine, but how can I make the image below appear
   the same width?
 * Cheers, Fred

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

 *  Thread Starter [fbramming](https://wordpress.org/support/users/fbramming/)
 * (@fbramming)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/full-width-images-4/#post-8300661)
 * Well, I have located some of the problem and managed to make it work but in a
   very complicated and uncombersome way. You can see how it’s supposed to look 
   here:
 * [http://frederikbramming.dk/da/portefoelje/madaworks](http://frederikbramming.dk/da/portefoelje/madaworks)
 * I am _by no means_ an expert, but I found this in the html code around the image:
 * `sizes="(max-width: 676px) 100vw, 676px"`
 * I changed that to:
    `sizes="(max-width: 1290px) 100vw, 1290px"`
 * and now it looks perfect! But it’s quite annoying that I have to do that for 
   every page. Is there a way of changing the Stylesheet with some code, so that
   it happens automatically every time?
 * Sorry if I am not using the correct terms! Hope it’s understandable!
    Cheers 
   Fred
 *  [zvhipp](https://wordpress.org/support/users/zvhipp/)
 * (@zvhipp)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/full-width-images-4/#post-8301945)
 * img {
    max-width: 100%; height: auto;
 * try replacing it with width:100% only. It should work.
 *  Thread Starter [fbramming](https://wordpress.org/support/users/fbramming/)
 * (@fbramming)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/full-width-images-4/#post-8303134)
 * Good suggestion!
    I wrote this in the stylesheet of the child theme:
 *     ```
       img {
       width: 100%;
       height: auto;
       ```
   
 * It fixed the problem, but created another – now _all_ images on my site are max
   size – including the flag icon in the menu bar and images that I have set to 
   medium size. :-/
    Any suggestions to fix that?
 *  [zvhipp](https://wordpress.org/support/users/zvhipp/)
 * (@zvhipp)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/full-width-images-4/#post-8303334)
 * You should find a div id or class for your post and add image class width:100%
   to it. example – .posts img {width:100%;} which will make images in post 100%
   width of the page.
 * .content.full-width .posts img {width:100%;} < try playing with div codes.

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

The topic ‘Full-width images’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hemingway/2.3.2/screenshot.jpg)
 * Hemingway
 * [Support Threads](https://wordpress.org/support/theme/hemingway/)
 * [Active Topics](https://wordpress.org/support/theme/hemingway/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hemingway/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hemingway/reviews/)

## Tags

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

 * 4 replies
 * 2 participants
 * Last reply from: [zvhipp](https://wordpress.org/support/users/zvhipp/)
 * Last activity: [9 years, 8 months ago](https://wordpress.org/support/topic/full-width-images-4/#post-8303334)
 * Status: not resolved