How to make an image appear full width of the page?

  • How to make an image to appear full width of the page? I use Newsworthy Theme; and my website is https://www.healthandabove.com/
    I used all the available tools to increase the image size but when it is loaded into the page the image does not reach the full width of the page. Even when I used larger images from the media library the result is the same.
    I badly need to make my homepage image full width. Kindly help. Unfortunately I have no knowledge of programming although I developed the entire website all alone with WordPress help.
    I am using WordPress 4.5.3 running Newsworthy theme.
    I shall be extremely grateful for your kind advice. Thank you.

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

  • The image isn’t wide enough to naturally fill the area you have positioned it within, but you can force the image to fill the space by making it 100% wide, like so:

    .post_content img { width: 100%; }

    The image is now being stretched, which visibily reduces the quality.

    As with all CSS changes, I would advise that you add the above code using a Child Theme, this ensures your changes are not lost should you update the theme in the future.

    Hope this helps.

    Thread Starter rbgrubh

    (@rbgrubh)

    Thank you, Sir, for your kind help. I shall now try to learn how to do this seemingly simple method.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to make an image appear full width of the page?’ is closed to new replies.