Stretch image across whole content area

You would first need to create a child theme for your changes. Then, the best approach would probably be to create a custom page template in your child theme with some new CSS to extend the content width and remove any CSS limits on posted images.

wow… I have no idea how to do that.

There is no way to add HTML of JavaScript to bypass the restrictions for only this one page? I tried a table with wide ranges and using the background tag, but they did not work.

Andrew

Another way you could achieve this without using a Child Theme is through a Custom CSS plugin, which should be easier to implement.

Can you link us the image you want stretched?

No – you should never edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. There are some Twenty Eleven extension plugins around that might allow you to add some custom CSS but I don’t know of any plugin that would let you add markup or javascript.

this is the image I need stretched to the full width… https://www.celticseafare.net/wp-content/uploads/2012/09/JumpingFish.png

It seems you already have that image on the page, is this what you’re seeing? If not, try clearing your browser cache.

Yes, the image is on the page, but I want the image to go the full width of the page. In other words the edge of the image should reach the edge of the wood background. That is what I am trying to accomplish.

Can I just setup some special DIV in the CSS that tells the image to go full width? Are there any work arounds?

Maybe there is an image setting in the CSS that will allow the image to stretch all the way?

I found a work-around. I put the image in a

and then changed the CSS settings for Blockquote.

blockquote {
font-family: Georgia, “Bitstream Charter”, serif;
font-style: italic;
font-weight: normal;
margin: 0 -6em;
}