WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] header image custom css (9 posts)

  1. M4B
    Member
    Posted 5 years ago #

    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

  2. stvwlf
    Member
    Posted 5 years ago #

    /wp-content/themes/thesis-15/custom/custom.css

  3. M4B
    Member
    Posted 5 years ago #

    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

  4. stvwlf
    Member
    Posted 5 years ago #

    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.

  5. M4B
    Member
    Posted 5 years ago #

    Thanks I will try it

  6. M4B
    Member
    Posted 5 years ago #

    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

  7. stvwlf
    Member
    Posted 5 years ago #

    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.

  8. M4B
    Member
    Posted 5 years ago #

    Thanks i will try that.

    Susan

  9. M4B
    Member
    Posted 5 years ago #

    Thanks it is now showing. I just have to change the banner dimensions.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags