Welcome to Geeklog Saturday, October 21 2017 @ 11:36 am EDT


Don

Anonymous
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

Status: offline

beewee

Forum User
Full Member
Registered: 05/08/2003
Posts: 969
Location:The Netherlands, where else?
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

itsme

Anonymous
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

Don

Anonymous
Right now has the blue color (PROfessional)

Temp site is hosted on alohaisp.com/demo1


Thanks, Don

Don

Anonymous
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%">

itsme

Anonymous
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?

Don

Anonymous
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

itsme

Anonymous
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".

Don

Anonymous
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">

itsme

Anonymous
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.

All times are EDT. The time is now 11:36 am.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content