[Patrick]

Hi guys,

How do I make an image on my homepage in the main body go full width? The banner is 1200×514 and the image I have is 1200×800. I’d like it to be the same width as the banner, but just in the main content area.

http://www.fifthdimensioncoaching.com

Thanks!

[tikaram]

@coachboone73 : Can you please explain in detail what you would like to do on your homepage. I could not find any image in the main content area.

Regards,
Tikaram

[Patrick]

The image is there now, notice the left and right edges (white)? I want the image (or an edited version of the image) to go full width across so no white edge shows above, below, right, or left. Above and below aren’t as bad…but definitely don’t want to see white to the left and right.

[tikaram]

@coachboone73 : Go to Appearance => Customize => Additional css and add the following css.

@media only screen and (min-width: 1200px) {
.site {
  width: 100%;
 }

.site .wrapper,
nav.nav-primary,
#promotion-message,
#content,
#featured-content,
footer#colophon {
   margin: 0 auto;
   width: 1200px;
}

#header-featured-image .wrapper,
#header-featured-image img {
width: 100%;
}
}

Let me know if this works or not.

Regards,
Tikaram

[Author]

Posts