WordPress.org

1. M4B
   Member
   Posted 3 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 3 years ago #

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

3. M4B
   Member
   Posted 3 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 3 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 3 years ago #

   Thanks I will try it

6. M4B
   Member
   Posted 3 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 3 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 3 years ago #

   Thanks i will try that.

   Susan

9. M4B
   Member
   Posted 3 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.