Title: custom header background image Last modified: August 21, 2016 --- # custom header background image * Resolved [wsiebold](https://wordpress.org/support/users/wsiebold/) * (@wsiebold) * [12 years, 4 months ago](https://wordpress.org/support/topic/custom-header-background-image-1/) * I am trying to add a custom background image to the header – I have successfully done this by adding various bits of code to functions.php and header.php / custom- header.php using the theme twenty-twelve. * However, I am finding it a bit trickier to do so with Hueman. * To be clear, I want to add a custom background image (not a logo) to the header AND still have the site title / site description present as well. * Any help? * [http://cosmicmoodymuse.com](http://cosmicmoodymuse.com) * Thanks * Bill Viewing 12 replies - 1 through 12 (of 12 total) * [Cindy Vriend](https://wordpress.org/support/users/cindy-vriend/) * (@cindy-vriend) * [12 years, 4 months ago](https://wordpress.org/support/topic/custom-header-background-image-1/#post-4490461) * go to editor and choose style.css here you’ll find the following code: * /* base : layout /* ———————————— */ #wrapper { min-width: 1024px; height: 100%;}. container { padding: 0 20px; } * just add background-image to the .container bit like this: * .container { padding: 0 20px; background-image:url(‘url to your image here’);} * Thread Starter [wsiebold](https://wordpress.org/support/users/wsiebold/) * (@wsiebold) * [12 years, 4 months ago](https://wordpress.org/support/topic/custom-header-background-image-1/#post-4490475) * Thanks – the css you suggest adds the background image to the entire background( body) of the site. I just want the custom background image for the header. * Following your information, I did add that bit of css to: * #header .pad { padding-top: 28px; padding-bottom: 30px; background-image: url(“ url to my image here”)} * in my child stylesheet and I am getting very close to what I want. * I was making it much too difficult!! Thanks for pushing me in the right direction. * Bill * [Cindy Vriend](https://wordpress.org/support/users/cindy-vriend/) * (@cindy-vriend) * [12 years, 4 months ago](https://wordpress.org/support/topic/custom-header-background-image-1/#post-4490477) * oohh sorry i got that wrong… * I also forgot to say you have to say background-repeat: none; * or else the banner will repeat itself endlessy 🙂 * [Cindy Vriend](https://wordpress.org/support/users/cindy-vriend/) * (@cindy-vriend) * [12 years, 4 months ago](https://wordpress.org/support/topic/custom-header-background-image-1/#post-4490476) * oohh sorry i got that wrong… * I also forgot to say you have to say background-repeat: none; * or else the banner will repeat itself endlessy 🙂 * [waebi](https://wordpress.org/support/users/waebi/) * (@waebi) * [12 years, 3 months ago](https://wordpress.org/support/topic/custom-header-background-image-1/#post-4490643) * I first of all would like to thank Alexander for this outstanding theme. I needed less than 24 hours to move everything from my old theme. * Thanks also to Cindy. With her information it had been easy to create the background( header and body) I absolutely wanted. * My child css looks like this for now: * /* Theme Name: Hueman Child Theme Theme URI: [http://www.silent-gardens.com/blog/wp-content/themes](http://www.silent-gardens.com/blog/wp-content/themes) Description: Hueman Child Theme Author: rwx-support Author URI: [http://www.silent-gardens.com](http://www.silent-gardens.com) Template: hueman Version: 1.0.0 */ * [@import](https://wordpress.org/support/users/import/) url(“../hueman/style.css”); * /* Put a picture in the header */ /*—————————- */ #header .pad { padding-top: 28px; padding-bottom: 30px; } #header { background: url(bamboo-s.jpg); position: relative; padding-bottom: 60px; } * If you like to have an idea: [http://www.silent-gardens.com/blog/](http://www.silent-gardens.com/blog/) * Have a nice day waebi * [Cindy Vriend](https://wordpress.org/support/users/cindy-vriend/) * (@cindy-vriend) * [12 years, 3 months ago](https://wordpress.org/support/topic/custom-header-background-image-1/#post-4490644) * Thank you Waebi, glad it helped you to solve it! :)) * [nadia80](https://wordpress.org/support/users/nadia80/) * (@nadia80) * [11 years, 10 months ago](https://wordpress.org/support/topic/custom-header-background-image-1/#post-4490694) * Hi, I am not very familiar with wordpress but managed to set up my site. My issue is the header is not wide enough as suppose to be, not sure what have I done. Any assistant please? My site is [http://www.nadiasylvester.com](http://www.nadiasylvester.com) * Thanks Nadia 🙂 * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [11 years, 10 months ago](https://wordpress.org/support/topic/custom-header-background-image-1/#post-4490695) * Hi Nadia, could you create a thread here: [http://wordpress.org/support/theme/hueman#postform](http://wordpress.org/support/theme/hueman#postform) * Thanks * [nadia80](https://wordpress.org/support/users/nadia80/) * (@nadia80) * [11 years, 10 months ago](https://wordpress.org/support/topic/custom-header-background-image-1/#post-4490696) * Hi Andrew, * Just created the thread. [http://wordpress.org/support/topic/header-dont-look-as-hueman-theme?replies=1#post-5789670](http://wordpress.org/support/topic/header-dont-look-as-hueman-theme?replies=1#post-5789670) * Thanks * [Jenni](https://wordpress.org/support/users/balisolo/) * (@balisolo) * [11 years, 7 months ago](https://wordpress.org/support/topic/custom-header-background-image-1/#post-4490697) * Hello, * I’m lucky to find this thread, thank you! I’m not a developer at all but I like to customize a little my blog with tips like this. Here is my blog : [http://balisolo.com/](http://balisolo.com/) * Today, my problem is: * 1/ I want a full weight and centered header image (now, it’s just positionned on the left side and it’s not full large, I have no idea why too) * 2/ I want a background image on the blog (this image : [http://balisolo.com/wp-content/uploads/2014/09/BACKGROUND.png](http://balisolo.com/wp-content/uploads/2014/09/BACKGROUND.png)) + I want this image to be repeated on all the screen. * I have tried to use the code you provided in the style.css sheet but it doesn’t change anything. FYI, I’m not using the “boxed layout”. * I’d gratefull if you could help me (step by step). * Thanks a lot in advance. Jenni * Anonymous User 12851872 * (@anonymized-12851872) * [11 years, 6 months ago](https://wordpress.org/support/topic/custom-header-background-image-1/#post-4490704) * Hello * you have all taken the Hueman version, not on wordpress.org but well in the author? [http://alxmedia.se/themes/hueman/](http://alxmedia.se/themes/hueman/) More options for the author. * Should never be touched to the theme files, it is necessary to create a child theme or use the Custom CSS of the theme function. * The child theme is available here [https://github.com/AlxMedia/hueman-child/archive/master.zip](https://github.com/AlxMedia/hueman-child/archive/master.zip) on the author’s page * [markmck](https://wordpress.org/support/users/markmck/) * (@markmck) * [11 years, 5 months ago](https://wordpress.org/support/topic/custom-header-background-image-1/#post-4490705) * Brilliant, thanks so much! Viewing 12 replies - 1 through 12 (of 12 total) The topic ‘custom header background image’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/hueman/3.7.27/screenshot.png) * Hueman * [Support Threads](https://wordpress.org/support/theme/hueman/) * [Active Topics](https://wordpress.org/support/theme/hueman/active/) * [Unresolved Topics](https://wordpress.org/support/theme/hueman/unresolved/) * [Reviews](https://wordpress.org/support/theme/hueman/reviews/) * 12 replies * 8 participants * Last reply from: [markmck](https://wordpress.org/support/users/markmck/) * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/custom-header-background-image-1/#post-4490705) * Status: resolved