Welcome to Geeklog, Anonymous Thursday, March 28 2024 @ 12:37 pm EDT

Geeklog Forums

Center logo.png


Status: offline

SteadFastStylee

Forum User
Newbie
Registered: 05/03/06
Posts: 12
Location:Alton, Illinois
is it possible to get it to center on the page? I tried just changing from "absmiddle" to "center" but it still shows up on the left side of the screen.

Thanks in advance
 Quote

Status: offline

beewee

Forum User
Full Member
Registered: 08/05/03
Posts: 969
Location:The Netherlands, where else?
Have a look at the HTML in header.thtml:

Text Formatted Code
<td class="header-logobg" align="left" height="78" valign="middle" width="50%">

 


And this row has 2 table cells, so you'll have to merge these as well.
Dutch Geeklog sites about camping/hiking:
www.kampeerzaken.nl | www.campersite.nl | www.caravans.nl | www.caravans.net
 Quote

Status: offline

SteadFastStylee

Forum User
Newbie
Registered: 05/03/06
Posts: 12
Location:Alton, Illinois
thanks for pointing me in the right direction, I'm basically clueless as to HOW to do it, but luckily I DID IT LOL....heres my code

Text Formatted Code
<td colspan="2" bgcolor="#CC0000" class="header-logobg" align="middle" height="55" valign="middle" width="100%">
               
<a href="{site_url}"><img border="0" src="{layout_url}/images/mainlogo.gif" align=absmiddle width="426" height="55" alt="{site_name}"></a></td>

 
 Quote

Status: offline

ishmot

Forum User
Junior
Registered: 09/29/06
Posts: 34
I see that the header.html file has changed a bit since this was written. Does anyone know how to center the logo in version 1.6.1?

thanks,

jared

 Quote

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Location:la rochelle, France
Hello,

You could add a div around the logo and slogan
Text Formatted Code
<div class="header-logobg-container-inner">
        <div align="center"><a class="header-logo" href="{site_url}/" rel="home" style="align:center;">
            <img src="{site_logo}" width="151" height="56" alt="{site_name}" align="absmiddle" {xhtml}>
        </a>
        <span class="header-slogan">{site_slogan}</span></div>
    </div>

and remove the float value in the css

Text Formatted Code
.header-logo {
  padding-left:15px;
  padding-top:13px;
}
.header-slogan {
  line-height:78px;
  padding-right:15px;
  color: #ffffff;
}

and maybe remove the slogan too.

::Ben
I'm available to customise your themes or plugins for your Geeklog CMS
 Quote

Status: offline

ishmot

Forum User
Junior
Registered: 09/29/06
Posts: 34
Perfect! That worked great! Thank you!

-->Jared<---
 Quote

All times are EDT. The time is now 12:37 pm.

  • 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