Theme Joomla Templates

Moving the logo on Fusion Lite

Hi, I am just starting to learn about css, I need to move the logo and the H1 box down and to the left in the header and change the color of the stripes in the header I have done this before with Joomla with other templates, but have only been able to really mess this template up. I have spent a couple of days trying to figure this out. Thanks for any help that you may offer.

LumoMongo replied Here's what you do..

To change the background stripes you need to change 2 images in your template/images folder: 

bg.png and bgbase.png


Both of these images are in the template source file provided in your download, I would recommend editing this file with Adobe Fireworks (you can download a trial version from there site), which will allow you to change the above image slices.

To add some text to the right side of the logo; first insert the div below just above the

in your template index.php: 
<div id="some_text"><p>here is some text</p></div>


and then add this into your template CSS file (at the bottom of the file): 

#some_text { 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 12px; 
float: left; 
width: 200px; 
padding: 0px 10px; 
}


then you just need to change the width values of the header_left and header_right div's as below: 

#header_left { 
float: left; 
width: 200px; /*changed from 400*/ 
} 
 
#header_right { 
float: right; 
width: 250px; /*changed from 350*/ 
}


and lastly, to move all of this lower down: 

#header { 
color:#FFFFFF; 
width: 850px; 
height: 84px; 
margin-top: 20px; /*change this to move the logo etc lower*/ 
}


And that should sort all that out! If this is not working for you, let me know and mail me your URL and a site super admin account and I will have a look for you

You must be logged in to post a comment. Please register if you do not have an account yet.

busy

INSIDE: Forum / Templates

members

search