WordPress.com Forums » Topic: Making Transparent header image in "Twenty Ten" theme http://en.forums.wordpress.com/topic/making-transparent-header-image-in-twenty-ten-theme-2 WordPress.com Forums » Topic: Making Transparent header image in "Twenty Ten" theme en Thu, 23 May 2013 20:02:06 +0000 http://bbpress.org/?v=1.1-alpha-2539 thesacredpath on "Making Transparent header image in "Twenty Ten" theme" http://en.forums.wordpress.com/topic/making-transparent-header-image-in-twenty-ten-theme-2#post-543426 Fri, 07 Jan 2011 08:09:37 +0000 thesacredpath 543426@http://en.forums.wordpress.com/ @Panos, just responded there.

]]> panaghiotisadam on "Making Transparent header image in "Twenty Ten" theme" http://en.forums.wordpress.com/topic/making-transparent-header-image-in-twenty-ten-theme-2#post-543416 Fri, 07 Jan 2011 07:42:01 +0000 panaghiotisadam 543416@http://en.forums.wordpress.com/ You're welcome!
Off-topic: could you check this please?

]]> thesacredpath on "Making Transparent header image in "Twenty Ten" theme" http://en.forums.wordpress.com/topic/making-transparent-header-image-in-twenty-ten-theme-2#post-543403 Fri, 07 Jan 2011 07:00:28 +0000 thesacredpath 543403@http://en.forums.wordpress.com/ @Panos, thanks for verifying that. I figured that was the issue.

]]> panaghiotisadam on "Making Transparent header image in "Twenty Ten" theme" http://en.forums.wordpress.com/topic/making-transparent-header-image-in-twenty-ten-theme-2#post-543396 Fri, 07 Jan 2011 06:33:13 +0000 panaghiotisadam 543396@http://en.forums.wordpress.com/ @Rich: Yes, "all cropped images will be converted to jpegs".
( http://en.support.wordpress.com/themes/custom-header-image/#uploading-a-custom-header-image )

]]> thesacredpath on "Making Transparent header image in "Twenty Ten" theme" http://en.forums.wordpress.com/topic/making-transparent-header-image-in-twenty-ten-theme-2#post-543381 Fri, 07 Jan 2011 05:46:06 +0000 thesacredpath 543381@http://en.forums.wordpress.com/ Yep, I think you have it. For the site title and site description do the following.

#site-title, #site-description {
display: none;
}
]]> djdopestar on "Making Transparent header image in "Twenty Ten" theme" http://en.forums.wordpress.com/topic/making-transparent-header-image-in-twenty-ten-theme-2#post-543377 Fri, 07 Jan 2011 05:14:49 +0000 djdopestar 543377@http://en.forums.wordpress.com/ thanks I think that I fixed it..If you look at my blog do you kno how I can erase above my logo where it says "Dj Dopestar and for the love of music"??

]]> thesacredpath on "Making Transparent header image in "Twenty Ten" theme" http://en.forums.wordpress.com/topic/making-transparent-header-image-in-twenty-ten-theme-2#post-543360 Fri, 07 Jan 2011 04:14:28 +0000 thesacredpath 543360@http://en.forums.wordpress.com/ It could be that the header cropping feature automatically goes JPG when it saves the cropped image. That is all I can thing of.

]]> djdopestar on "Making Transparent header image in "Twenty Ten" theme" http://en.forums.wordpress.com/topic/making-transparent-header-image-in-twenty-ten-theme-2#post-543358 Fri, 07 Jan 2011 04:13:06 +0000 djdopestar 543358@http://en.forums.wordpress.com/ Hey I will try resizing it to the exact size and re-saving it with those preferences..hopefully that works :\

]]> thesacredpath on "Making Transparent header image in "Twenty Ten" theme" http://en.forums.wordpress.com/topic/making-transparent-header-image-in-twenty-ten-theme-2#post-543357 Fri, 07 Jan 2011 04:12:13 +0000 thesacredpath 543357@http://en.forums.wordpress.com/ Since you have the CSS upgrade, if the above does not work, upload the image to the media library, get the URL of that image and the put it into the CSS directly as below.

#branding img {
 background: url("URL_of_image") no-repeat scroll 0 0 transparent;
}
]]> thesacredpath on "Making Transparent header image in "Twenty Ten" theme" http://en.forums.wordpress.com/topic/making-transparent-header-image-in-twenty-ten-theme-2#post-543356 Fri, 07 Jan 2011 04:07:32 +0000 thesacredpath 543356@http://en.forums.wordpress.com/ Are you sizing the image to the exact size your theme needs before uploading it or are you cropping it in the header upload process? Size it ahead of time to the exact size, make sure it is a transparent background and save as a PNG and then upload it.

This is the image URL that is there now: http://djdopestar.files.wordpress.com/2011/01/cropped-dopestarlogo16bit1.jpg .

]]> djdopestar on "Making Transparent header image in "Twenty Ten" theme" http://en.forums.wordpress.com/topic/making-transparent-header-image-in-twenty-ten-theme-2#post-543355 Fri, 07 Jan 2011 04:03:22 +0000 djdopestar 543355@http://en.forums.wordpress.com/ Yes that is the link to the blog that I am talking about..sorry for not posting it..
However, I swear that the image I uploaded was a 16 bit png file..I dont understand why whenever I upload it to wordpress it had a black background!

]]> thesacredpath on "Making Transparent header image in "Twenty Ten" theme" http://en.forums.wordpress.com/topic/making-transparent-header-image-in-twenty-ten-theme-2#post-543177 Thu, 06 Jan 2011 21:19:48 +0000 thesacredpath 543177@http://en.forums.wordpress.com/ We need a link to the blog that you are talking about. Are you talking about this one http://djdopestar.wordpress.com/ ?

If so, the image itself has a black background. You have to create an image with a transparent background. It will have to be done as a PNG instead of a JPG though.

]]> djdopestar on "Making Transparent header image in "Twenty Ten" theme" http://en.forums.wordpress.com/topic/making-transparent-header-image-in-twenty-ten-theme-2#post-543111 Thu, 06 Jan 2011 19:41:48 +0000 djdopestar 543111@http://en.forums.wordpress.com/ I am trying to make the header image transparent within my site. If you view my site you can see that my header has an image of my "Dj Dopestar" logo. However, this header has a black background. I want the image to be transparent and only the letters to show

I followed the recommendations within this thread:
http://wordpress.org/support/topic/need-help-with-transparent-custom-header-image

I changed the css coding to the folliwing:

#wrapper {
margin-top: 0px;
background: #fff; -->I removed this
padding: 0 0px;
}

#main {
background: #fff; -->I added this
overflow: hidden;
padding: 40px 0 0 0;
}

However, despite these changes, whenever I upload my image there still seems to be a black background! I would really appreciate any help because this is very annoying! I am getting a new Dj Logo designed and I want to resolve this soon so I can finish designing my site!

Thanks,
Dj Dopestar

]]>