• Resolved lolskilolo

    (@lolskilolo)


    Hi there

    I’m trying to insert an image the width of my theme (940px) into a page, using the basic WP media uploader. Only problem is, when I view the page, the image is displaying at only around 640px.

    Here’s the URL: https://www.seeingthecityanew.co.uk/project-timetable
    And I’m using 2010 Weaver 1.5.4.

    If anyone has any ideas why it’s doing this, that would be great.

    Thanks a lot

    L

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi,
    Yes, I do. Your site is attempting to protect your site in a way. The image is full size, but CSS is cutting it down to size. The reason for this is that many users take photos from their digital camera and put them up there full-sized.

    I realize that you’re more precise than that, and that you might not like being resized. But that image is really tall and wide, and for my taste, I would leave it as is.

    Here’s the styling CSS that’s doing it, the max-width line, if you want to play with it. If you’re not familiar with editing CSS, be careful!

    #content img {
      height: auto;
      margin: 0;
      max-width: 640px;
    }

    I tried shutting that styling off temporarily, and the photo did fit, but was not quite centered. btw, other themes and scenarios would not have this CSS, so it’s not a WP feature per se.

    Cheers, D

    Thread Starter lolskilolo

    (@lolskilolo)

    Thankyou *so* much. Spent far to long yesterday arguing with various image displays, and thought this would be the simple way of doing it! BTW, have you any idea why it’s not aligning bang on centre? Is that a 2010 Weaver issue? The reason I’m using this theme as it’s seemed to be the most customisable, before getting into something like Naked.

    As a matter of fact, I do have an idea. The padding in this statement appears to be doing it.

    #content .size-full, #content .size-large, #content .size-medium, #content .size-thumbnail, #content .size-thumbnail {
      line-height: 18px;
      padding: 6px;
      text-align: center;
    }

    You could try putting this statement after it, or just changing the above setting for padding. The shorter statement might be safer, because it could effect more stuff.

    #content .size-full {
      padding: 0px;
    }

    Be sure to check other parts of your site to make sure those changes don’t mess something else up.

    Dave

    Thread Starter lolskilolo

    (@lolskilolo)

    I’ve just added the shorter code in, and it seems to have done the trick. Thanks so much for your help, really really appreciated ??

    Super! You might want to mark it resolved if you get a chance.

    Cheers, Dave

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Problems with full sized images’ is closed to new replies.