Images Stretched Out

  • misscedar

    (@misscedar)


    12 years, 3 months ago

    Hello,
    I just installed a new theme on my site ( http://www.thevintagewife.com ). On the old theme I was using 800 pixel width images, and this new blog only allows up to 700 pixels. All of the old images have shrunk down to size nicely, but all images that are under 700 pixels in width expand to fit the 700 pixel width. I have already deactivated and reactivated all plug ins, so I know it isn’t a problem there. I would be so grateful to have some assistance figuring out how to fix this problem. Thank you.

Viewing 1 replies (of 1 total)
  • Dave Naylor

    (@wpranger)

    12 years, 3 months ago

    Your TwentyTwelve child-theme has additional CSS rules, purportedly to deal with responsive images. Around line 363 of your style.css you’ll find this:

    img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

    It’s the width: 100% that’s causing your images to be shown at 100% of the width of their parent element.

    You may want to take it up with your child-theme vendors if you’re not comfortable editing CSS files.

Viewing 1 replies (of 1 total)

The topic ‘Images Stretched Out’ is closed to new replies.