Support » Fixing WordPress » header image custom css

  • Resolved M4B

    (@m4b)


    I have just installed Thesis to my blog http://www.m4bmarketingblog.com and I am trying to upload my own image that i use on my website 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)
  • /wp-content/themes/thesis-15/custom/custom.css

    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

    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.

    Thanks I will try it

    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

    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

    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.

    Thanks i will try that.

    Susan

    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.