All images on site are skewed

It seems like there is something somewhere that is stretching all images to full width?

Kristin,

There is a CSS setting on your theme that is causing this issue. I am not sure if you have access to your CSS or not but if you do this is what it looks like currently in your theme:

img {
width: 100%;
border: medium none;
}

You should try changing it to:

img {
width: auto;
border: medium none;
}

The width is currently set to 100% and what this does is fill the width of the page with the image. This is why it stretches all the way to the edge of what is considered the body.

If you change it to auto, it will only be the true width of the image.

If you do not have access to the CSS let me know what theme you are using and maybe I can help you.

-Renee’

Line 14 of your stylesheet has this:

img {
	width: 100%;
	border: none;
}

So in the absense of additional styling, any image is going to stretch to 100% of the width of the parent element. In the case of that page, it’s going to be 950px, because of this:

.wrap_container {
    max-width: 950px;
    width: 76%;
    margin: 0px auto;
}

On your blog page, someone’s blasted it with an !important sledgehammer:

.left_blog_container li img {
    width: auto !important;
    max-width: 100% !important;
    display: block;
    margin: 0px auto;
}

You might want to review that img rule at line 14 ??

Edit: Ha, beaten to it above…

Hi Renee-

I do have access to the css and found where you were talking about and fixed it… thanks!

I had someone else help me with my site and they have since gone AWOL. I’m just knowledgable enough to cause some damage without direction so I appreciate it ??

Kristine

@dave —

Where do I see/change the blog spam you’re talking about?

Thanks-

Kristine

@ Renee —

Of course, when one problem is solved another crops up:

Now my logo on my home page and the social media images in the footer are crazy huge.

Any fix for this?

Thanks,

Kristine

@dave – found and deleted. (I think).

Thanks!