Geeklog Forums

I want to change the area at the top (right side all the way to left side) from the now blue color (PRO) to a .jpg photo I have. I need to know the size of jpg I can use there.

This area is above the bar menu. I want to keep the site logo there and the site slogan where it is.

Where would I find this section and how would you suggest making the change?


Thanks for the advice,
Don

Your URL, or the name of the theme you are using, might be convenient....

---

Dutch Geeklog sites about camping/hiking:
www.kampeerzaken.nl | www.campersite.nl | www.caravans.nl | www.caravans.net

I can't answer your question about the size if the .jpg file you need, but you can edit the header.thtml file, I believe that's the area you are trying to change. Depending on what theme you're using, you may also have to edit the style.css file too.

HTH

Right now has the blue color (PROfessional)

Temp site is hosted on alohaisp.com/demo1


Thanks, Don

I think the area I want is here " header-logobg-left", and " header-logobg-right " ....?

Would I just replace the with the "<img src="{*.jpg}" ?

Thanks, Don


<div class="header-logobg-container-outer">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="header-logobg-container-inner">
<tr>
<td class="header-logobg-left">
<a href="{site_url}/"><img src="{site_logo}" width="151" height="56" alt="{site_name}" border="0"></a>
</td>
<td class="header-logobg-right">
<span class="site-slogan">{site_slogan}</span>
</td>
</tr>
</table>
</div>
<table border="0" cellspacing="0" cellpadding="0" width="100%">

I believe that you are correct. I don't use the professional theme, so I'm not too familiar with it, but that looks like the right place.

I also looked at your site, that doesn't look like the professional theme. As far as I know, geeklog.net is how the professional theme should look. Maybe you are using a different theme?

Yeh, just temp installed on this URL and tried chameleon for fun.
I'm going to change it back once I make the mods to PRO.


How would I call up a .jpg? Change the " header-logobg-left", and " header-logobg-right " to img src="{*.jpg}" ?

Thanks, Don

Leave the brackets out, if you want to call the image directly instead of using the default logo, just use something like this: <img src='image.jpg'>. The brackets are used for inserting whatever geeklog has set. For example, on your site, {site_name} will insert "Our 4-H website".

I want to leave the default logo and change the background of the header....





<div class="header-logobg-container-outer">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="header-logobg-container-inner">
<tr>
<td class="header-logobg-left">

You could add a background image in your style.css under header-logobg-left. Or you could add an image directly to your header.thtml.