/wp-content/themes/thesis-15/custom/custom.css
Thread Starter
M4B
(@m4b)
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.
Thread Starter
M4B
(@m4b)
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.
Thread Starter
M4B
(@m4b)
Thanks it is now showing. I just have to change the banner dimensions.
