Automatic White Background for Header Image

• 

  tua52827 · Member · Aug 27, 2013 at 9:48 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I’ve saved a transparent image via Photoshop, and upon uploading it to WordPress.com, it automatically adds a white background.

  I have not purchased Custom Design, and don’t have access to the CSS code for the site. Is there a way to remove the white background without Custom Design?

  Thank you.

• 

  timethief · Member · Aug 27, 2013 at 10:28 pm

  • Copy link

  If you had the custom design upgrade, this can be fixed with CSS. The header area has a white background color declared. Your image is fine. It is the background of the header area. https://en.forums.wordpress.com/topic/transparency-in-header?replies=3#post-1240641

• 

  tua52827 · Member · Aug 28, 2013 at 6:22 pm

  • Copy link

  Now that I’ve purchased the custom design upgrade, what command can I use to change the header image background to transparent and remove the header image border?

• 

  thesacredpath · Member · Sep 4, 2013 at 1:15 am

  • Copy link

  @tua52827, there is no CSS code to turn an image background transparent.

  To maintain the transparency on a header image, you have to upload the header in the exact width (820px) , but the height can be anything you want on Crafty. Make sure the image is saved as a PNG image file type with transparency, and when you upload it, select the “use as is” option and it will keep your image as it is.

  To remove the border, Go to Appearance > Custom Design > CSS tab in your dashboard, delete the informational text, and add the following to your custom CSS below any existing CSS you have.

  .site-header img {
      border: none;
  }