replace header inove

telfleur · Member · Mar 31, 2011 at 12:24 pm
Copy link

Add topic to favorites
I would like to replace the theme header by my own logo (one that includes the title of the site). The theme I am using is Inove. I have the css editor.

Somewhere else in this forum I found a code but it doesn’t seem to work. I am referring here to:
#header {
background: #000 url(PATH_TO_YOUR_IMG_HERE) 0 0 no-repeat;
}

When I include this in the css editor, I get the old header plus a big grey field.

I have tried all kinds of things but I can’t figure out how to do this. Can someone help me?

The blog I need help with is: (visible only to logged in users)
telfleur · Member · Mar 31, 2011 at 12:25 pm
Copy link
apologies the url of my site is lacking …. it is clearinsite.nl
thesacredpath · Member · Apr 1, 2011 at 5:42 am
Copy link
The existing header is 936px x 90px. Did you want to stick with that size? If so, you have to build your header image to that size, upload it to the media library, get the URL of that image and then replace the text between the quote marks below with that image URL. I’ve verified this on my blog, so I know it works.
```
#header {
background: url("URL of header here") no-repeat scroll 0 0 transparent;
}
```
If you want to hide the title and tagline text that is there now, add the following to your CSS.
```
#title a, #tagline {
display: none;
}
```
If the above changes do not show when you preview, force refresh/reload the preview page. Sometimes the browser will pull a cached copy of the page.
telfleur · Member · Apr 1, 2011 at 2:56 pm
Copy link
Thank you so much! it works beautifully!

Now I would like to change the size. What to do? I would like to use a header of 965X130.

Many thanks for your efforts! Best, Fleur
thesacredpath · Member · Apr 1, 2011 at 5:27 pm
Copy link
The background image for #wrapper is designed at 930px wide. You can give the following a look and see if you can live with it without redoing the background image for #wrap.
```
#header {
background: url("URL of header here") no-repeat scroll 0 0 transparent;
height: 130px;
}

#main {
width: 635px;
}

#newfooter {
width: 925px;
}
```
telfleur · Member · Apr 3, 2011 at 1:29 pm
Copy link
thanks again! i followed your guidelines and I tested the outcome in the preview mode. The header looks great but now I have a small problem with the widgets… These don’t fit anymore. As a result they show below the main body… Would be great if you could give your advice again…

Have a nice Sunday!

Best, Fleur
thesacredpath · Member · Apr 3, 2011 at 5:22 pm
Copy link
Ahhh, I forgot to include the change to the container. To the above, add this
```
#container {
width: 965px;
}
```
telfleur · Member · Apr 8, 2011 at 1:20 pm
Copy link
many, many thanks!!!

I guess to adjust the footer I have to include something like:
#footer {
width: 965px;
}

I only have to get the drop down menu to cooperate, and I am all set!

@thesacredpath, thank you very much for all your quick & friendly responses. You rock!
thesacredpath · Member · Apr 9, 2011 at 6:02 pm
Copy link
You are welcome, and thank you.

No items found.