Title: header image custom css
Last modified: August 19, 2016

---

# header image custom css

 *  Resolved [M4B](https://wordpress.org/support/users/m4b/)
 * (@m4b)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/header-image-custom-css/)
 * I have just installed Thesis to my blog [http://www.m4bmarketingblog.com](http://www.m4bmarketingblog.com)
   and I am trying to upload my own image that i use on my website [http://www.m4b.com.au](http://www.m4b.com.au).
 * I was told to add the following code in my custom css but I have looked in editor
   and can’t find it. Could you tell where to look?
    .custom #header {background:
   url(images/your header image.jpg) no-repeat; height: Xem; width: Xem;}
 * Thanks
    Susan

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

 *  [stvwlf](https://wordpress.org/support/users/stvwlf/)
 * (@stvwlf)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/header-image-custom-css/#post-1070857)
 * /wp-content/themes/thesis-15/custom/custom.css
 *  Thread Starter [M4B](https://wordpress.org/support/users/m4b/)
 * (@m4b)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/header-image-custom-css/#post-1070869)
 * Thanks for your reply. Once i get to the file what do i do? I also have downloaded
   Thesis open hook and it seems that I can edit the css there. I add the code with
   the image name and just put in 1em and 2 em to see how it looked but nothing 
   happened?
    Can you help
 *  [stvwlf](https://wordpress.org/support/users/stvwlf/)
 * (@stvwlf)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/header-image-custom-css/#post-1070873)
 * Hi
 * I am not familiar with the workings of the theme. I was answering your question
   of where to put the code. I found the location of your custom.css file from your
   View Source.
 * Open that file in a text editor, or using the WP admin, left column appearances
   button, then Edit
 * I suggest adding the code at the bottom of the file
 *     ```
       .custom #header {
       background: url(images/myfile.jpg) no-repeat;
       height: 100px;
       width: 700px;
       }
       ```
   
 * your image should be in /wp-content/themes/thesis-15/images/
    change myfile.jpg
   to the actual filename
 * height and width should at the minimum be the dimensions of the image you are
   trying to add. I suggest using pixels.
 *  Thread Starter [M4B](https://wordpress.org/support/users/m4b/)
 * (@m4b)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/header-image-custom-css/#post-1070876)
 * Thanks I will try it
 *  Thread Starter [M4B](https://wordpress.org/support/users/m4b/)
 * (@m4b)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/header-image-custom-css/#post-1070958)
 * Sorry to be a pain. I added the code you suggested. Apparently i can edit the
   code in my host server control panel.
 * This is what i put in:
    .custom #header { background: url(images/m4b02.jpg) no-
   repeat; height: 100px; width: 700px; } The dimensions changed however the image
   still does not appear. Is this something to do to my image? Thanks for any help
   Susan
 *  [stvwlf](https://wordpress.org/support/users/stvwlf/)
 * (@stvwlf)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/header-image-custom-css/#post-1070960)
 * Hi
    perhaps the image path is not complete enough. What is the complete URL to
   the image (from your root folder)?
 * instead of this url(images/m4b02.jpg)
 * enter the full path from your root.
    So if the image can be seen at [http://m4bmarketingblog.com/myfolder/wp-content/themes/thesis-15/images/m4b02.jpg](http://m4bmarketingblog.com/myfolder/wp-content/themes/thesis-15/images/m4b02.jpg)
 * enter
    `background: url(/myfolder/wp-content/themes/thesis-15/images/images/m4b02.
   jpg) no-repeat !important;`
 * If it still doesn’t work, double and triple check the URL. If it does work, try
   removing the `!important` – its better if that is not there, but it may not work
   without it there, in which case leave it.
 *  Thread Starter [M4B](https://wordpress.org/support/users/m4b/)
 * (@m4b)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/header-image-custom-css/#post-1070965)
 * Thanks i will try that.
 * Susan
 *  Thread Starter [M4B](https://wordpress.org/support/users/m4b/)
 * (@m4b)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/header-image-custom-css/#post-1070972)
 * Thanks it is now showing. I just have to change the banner dimensions.

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

The topic ‘header image custom css’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 8 replies
 * 2 participants
 * Last reply from: [M4B](https://wordpress.org/support/users/m4b/)
 * Last activity: [16 years, 11 months ago](https://wordpress.org/support/topic/header-image-custom-css/#post-1070972)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics