Centering the Logo in the Carbon Theme.

JumpNetwork

Joined: 2007-04-07
Posts: 8
Posted: Sat, 2007-04-07 05:02

Hello,

I have been searching for about an hour reading heaps of posts.

I have found where to change the code in the gallery/themes/carbon/theme.tpl and also where to change the dimensions for the logo.

but I am at a loss as how to centre the logo.

Below is my code in the theme.tpl I have added what I think is a align style (in the first line) but it is not working.

Any help would be great.

Thanks in advance,

Chris.

Quote:
<div id="gsHeader" style="text-align: center">
{if !empty($theme.params.logoImageLocation)}
<img src="{$theme.params.logoImageLocation}" alt=""/>
{else}
<img src="{g->url href="images/logo.jpg"}" width="1092" height="150" alt=""/>
{/if}
</div>
{g->theme include="progressbar.tpl"}
{else}
<div id="gsHeader">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="centre" valign="top" width="50%">
<a href="{g->url}">
{if !empty($theme.params.logoImageLocation)}
<img src="{$theme.params.logoImageLocation}" alt=""/>
{else}
<img src="{g->url href="images/logo.jpg"}" width="1092" height="150" alt=""/>
{/if}
</a>

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sat, 2007-04-07 05:17

I have found 2 tools that are invaluable the firefox browser and the web development tool that allows you to Make live edits to the CSS of a web page..
Once you have them both installed....
select edit css and under the 'information' dropdown check display ID & class details.
Edit your CSS and you will see the results. Once you have this the way you want, upload your edited css to the server.

URL?

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
 
JumpNetwork

Joined: 2007-04-07
Posts: 8
Posted: Sat, 2007-04-07 05:36

www.gallery.aussiefirefighters.com

This is where I am testing this new gallery. I used to use 4images, and so far this seems to be soo much better!!!

What would I be looking for to have to change so that the log is centered?
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sat, 2007-04-07 06:01

add: 

#gsHeader {
text-align: center;
}

to your css.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
 
JumpNetwork

Joined: 2007-04-07
Posts: 8
Posted: Sat, 2007-04-07 06:51

Excellent you are a Gentleman and a Scholar!!! Thank you very much.
 
JumpNetwork

Joined: 2007-04-07
Posts: 8
Posted: Sat, 2007-04-07 07:43

Hello Again.

With my Gallery at www.gallery.aussiefirefighters.com My Logo is 1092 wide. Is there anyway in the Carbon Theme to make the rest of the Gallery 1092 wide, and centered??

If you look at my Gallery, I would like the whole site to be as wide as the Logo, and also centered.

Thanks for help in advance.

Chris.