Support » How-To and Troubleshooting » Images are larger than max width

Images are larger than max width

  • I hope someone can help me! I recently moved over from wordpress.com and when I imported all my content, the photos in my posts were overlapping with the right sidebar. I did some searching and found that I had to Go into settings> media> and then set the max width and height. I did this and set the max width to 500 but the photos are showing at 640 width. I found some posts about editing the css or the functions.php and I tried both routes and neither worked.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Please post a link for us to see the problem on our system.

    Try adding this to your css file:

    .entry img {
    max-width: 100%;
    max-height: auto;

    It should resize your images to a max width of it’s container and scale the height proportionally.

    I suggest try to put this code at the end of your in your css file and save it.

    img {
    	max-width: 940px;

    go back to your browser and reload or refresh the page and see if it worked. You can change the size downwards gradually to fit your column width. I guess 935px would be ideal to allow for padding, border and margin.

    Denis Leblanc! You are my hero. That worked like a charm. Thank you so much for the help 🙂

    Awesome, glad I could help.

    I hope you don’t mind me “hijacking” this -so to speak.

    I’m having a similar issue with the AutoFocus theme. In the single posts pages, the images that I have linked from third parties are not following the max-width.
    Example: http://threesongbirds.coloursplash.org/?p=44

    In the CSS I have:

    .single #container {
    float: left;
    width: 800px;
    max-width: 800px;
    position: relative;
    margin-bottom: 3em;

    (Have tried adding the max-width: 100% and max-height: auto also)
    In the post HTML, I have tried to include styles in with the img tag, but nothing…

    Try adding this to your CSS file:

    .full-photo img {
    max-width: 100%;
    max-height: auto;

    Awesome! Thanks so much!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Images are larger than max width’ is closed to new replies.
Skip to toolbar