Make image full width on page

Which page are you referring to?

https://www.12minuteathlete.com/about-12-minute-athlete/

You can see how the top image doesn’t go as far to the right as the image underneath.

I just went to that page and there’s a 404 error in which the page is not found.

Yep same here 404 error when i visited the page.

Ah yes, well it might help if I take it out of draft mode. Sorry about that!

Still no luck with this. Anyone have any ideas? I assume I need to add something to my custom CSS to allow larger images, but am not sure what to add.

Hi

You can try this css
1.) body {
body {
background-position: 78px 80px;
}

(This is the way to position your background)

2.)I have just put the image in the url if this work you can download this image from there

body {
background: url(https://s3.amazonaws.com/fvd-data/notes/237076/1407516801-P4iLZ2/screen.png);
background-repeat: repeat;
background-position: 0px -1px;
}

Sorry in advance if non of them work for you ??

At screen widths in excess of 767px, the div with a ID of #content has a max-width of 1050px. That background image is 950px wide. So, when the width of a screen displays that #content div in excess of 950px, it will stay hard left and the space in excess of 950px to its right will be filled with white space.

The background image looks like it’s created after upload by WordPress and cut down to a width of 950px. You could try adding a new image size in your functions.php that creates an additional sized image 1050px wide. You’d need to read up on add_image_size