Joomla Templates Club 406,261 posts

[bboukari Friend bboukariJoin date: March 2009Posts: 16Downloads:12Uploads:0 Thanks: 4]

#153751

Can someone please tell me what to do to move down my logo and my search box. I used to be able to move it by changing code, but when I updated to the latest Teline III several months ago, my logo and search box moved up and I can’t figure out how to get them down.

Here is my site. http://www.alachuatoday.com

[geof Friend geofJoin date: January 2006Posts: 20Downloads:102Uploads:0 Thanks: 5 Thanked: 12 times in 9 posts]

#353477

Hi bboukari
go to file /templates/ja_teline_iii/css/template.css

Search box
Line 216
From

#ja-search .inputbox {
width: 200px;
background: url(../images/icon-search.gif) no-repeat 8px center #fff;
padding-left: 24px;
font-weight: bold;
font-size: 115%;
}
change to

#ja-search .inputbox {
width: 200px;
background: url(../images/icon-search.gif) no-repeat 8px center #fff;
padding-left: 24px;
font-weight: bold;
font-size: 115%;
margin-top:25px; <---
}

Logo
Line 847

from

h1.logo {
width: 400px;
height: 62px;
margin: 0;
}

change to

h1.logo {
width: 400px;
height: 62px;
margin: 25px; <---
}

[bboukari Friend bboukariJoin date: March 2009Posts: 16Downloads:12Uploads:0 Thanks: 4]

#353479

Geof,
I tried that. Made the changes, but I don’t see any apparent differences. Thanks for your help. Any additional insight would be appreciated.

-Bryan

[geof Friend geofJoin date: January 2006Posts: 20Downloads:102Uploads:0 Thanks: 5 Thanked: 12 times in 9 posts]

#353481

Bryan
I tested the changes with FF and working properly
clear your browser cache and try again

George

1 user says Thank You to geof for this useful post

1. bboukari

[bboukari Friend bboukariJoin date: March 2009Posts: 16Downloads:12Uploads:0 Thanks: 4]

#353483

So my site looks fine in FF? I’ve cleared it in IE and FF and it still looks like the search box and the image run underneath that top line. Here is what my code says:

#ja-search .inputbox {
width: 270px;
background: url(../images/icon-search.gif) no-repeat 8px center #fff;
padding-left: 24px;
font-weight: bold;
font-size: 115%;
margin-top:25px;
}

And

#ja-header { z-index: 10; position: relative; }

#ja-header .main { padding:30px 0 10px; }

h1.logo, div.logo-text h1 {
font-size: 300%;
line-height: 1;
}

h1.logo, div.logo-text { float: left; }

/* Logo Image ---*/
h1.logo {
width: 265px;
height: 62px;
margin: 25;
top:20px;

}

h1.logo a {
width: 265px;
height: 62px;
display: block;
background: url(../images/logo.gif) no-repeat left;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

[micrantha Friend micranthaJoin date: May 2007Posts: 465Downloads:0Uploads:6 Thanks: 6 Thanked: 158 times in 148 posts]

#353486

Hello,
When I open your file template.css it has these lines:

/* Logo Image ---*/
h1.logo {
width: 400px;
height: 62px;
margin: 0;
}


I don’t know in what file you made your changes? In any case you can change the margin to this:

margin: 20px 0 0;

Same with search box: change to

/*Search Form ---*/
#ja-search {
float: right;
margin-top: 25px;
}

Good luck,
Micrantha

1 user says Thank You to micrantha for this useful post

1. bboukari

[bboukari Friend bboukariJoin date: March 2009Posts: 16Downloads:12Uploads:0 Thanks: 4]

#353487

Okay, George and Micrantha. Between the both of you, we got to the bottom of it. You are both lifesavers. Thank you. I turns out, I had been making changes to a template.css file that was contained in a level above the CSS folder. I don’t know if that’s just an extraneous file or what, but it’s fixed now, thanks to you both.
-Bryan

[Author]

Posts