Remove white space on sides of header image

  • I can’t figure out how to remove the white from the right and left sides of the images on my website. Can someone help? My url is theenergycleanse.com – thanks!!

Viewing 3 replies - 1 through 3 (of 3 total)

  • I downloaded your image and looked at it in photoshop and you have a large amount of padding on the left and a small amount of padding on the right. I think you are going to have to edit that logo in photoshop. I looked at your CSS and there is no padding or margins set on this, so it has to be the image itself.

    Thread Starter theenergycleanse

    (@theenergycleanse)

    Thanks! I actually had to add padding to the logo to get it to move over in front of the photo, so it has to be something else and I’m racking my brain as well!

    Hi,

    The .vc_column_container>.vc_column-inner and #theme-page .theme-page-wrapper .theme-content CSS selectors have padding that is contributing to the whitespace. Removing that padding will eliminate the whitespace at resolutions <= 1200px.

    Note that at resolutions > 1200px, the whitespace will reappear because the dimensions of your image are 1200×800. The browser will not scale it greater than its native dimensions.

    Thx.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove white space on sides of header image’ is closed to new replies.