Trying To Change Logo, Double URL, Help Needed

[68 Newbie]

Hi,

I have followed the instrutions on how to change my logo:

Open your layout.tpl file and find this code:

<div id="logo">
<h1><a href="index.php" title="68 Classifieds">
68 <span class="title">Classifieds</span></a></h1>
<p>Welcome to our classifieds site.</p>
</div>

Replace this with this code:

<div id="logo">
<a href="index.php" title="Yoursitename here">
<img src=�{$smarty.const.URL}/templates/yourtemplatefoldername/images/logo.jpg�
width=�376� height=�60�</a>
</div>

Which I did, my code looks like this:

<div id="logo">
<a href="index.php" title="Smartimes Magazine">
<img src=�{$smarty.const.URL}/templates/default/images/logo.gif�
width=�340� height=�100�</a>
</div>

But for some reason the logo will not show, I checked the logos link location and it appears to be generating a double URL:

http://www.smartimesmagazine.com/cla...ages/logo.gif�

I can't figure out how to correct this problem.

Can someone please help me out.

[jonahcoyote]

What do you have set for the site URL in the main settings?

- Jonah

[68 Newbie]

http://www.smartimesmagazine.com/classifieds/

[jonahcoyote]

Alright, try using this instead:

<div id="logo">
<a href="index.php" title="Smartimes Magazine">
<img src=�templates/{$smarty.const.MAIN_TEMPLATE}/images/logo.gif�
width=�340� height=�100�</a>
</div>

[68 Newbie]

Thanks for your help, the logo now appears but now I have the problem that the logo does not correctly align with the rest of the site:

http://www.smartimesmagazine.com/classifieds/index.php

Any idea on the best way to correct this?

Thanks again.

[jonahcoyote]

You'll have to use CSS to nudge to logo over somehow. Either using positioning or margins on the div itself or the img tag. Do you know CSS? Checking out some basic tutorials on CSS will probably benefit you if you don't already know any. Actually, knowing CSS is going to be essential to modifying this software. So I hope you're prepared.

Another thing you should probably do is not modify the default template directly. You should create a copy of the default template, name it whatever you like, and set that as the site template in the admin. There are tutorials covering this in the forums. There are also tutorials or information on how to do most anything you want, but like I said, knowing CSS is going to be essential.

To change the look, you're mainly going to be working with the CSS. If you looking to change functionality, you're going to be modifying PHP mainly and maybe some Smarty code.

I hope that helps,
Jonah

[68 Newbie]

Jonah,

Thanks for your help, it's been greatly appreciated.

I have one other question which hopefully you can help me with.

I have changed the background color of the default 68 Template but I was wondering is it possible for me in include a white background/box in the center of the page.

I've attached an image to make it clearer but basically I'd like it to be white within the red line.

Let me know your thoughts on this.

Thanks again.

[jonahcoyote]

I highly recommend using Firebug and the Web Developer Tools for Firefox. They will make your job much easier in trying to figure a lot of this stuff out. Firebug allows you to inspect a page by hovering over elements and then telling you what that element is. It also allows you to modify CSS on the fly so you can try things out without having to FTP, etc.

To change the background color of the section you highlighted, you are either going to need to target the table that basically encloses that area by giving it a specific class like:

<table class="main-content-table">

To set a class like that, I think you need the Developer version and you'll need to modify the template file where that table is generated so it has your custom class. then you can target that class in CSS like so:

.main-content-table { background-color: #fff; }

You could try targeting it less specifically via the cascade like:

#wrapper table { background-color: #fff; } - but that is probably not specific enough. It will probably apply the styles to other tables within #wrapper.

Good luck!