Joomla Templates Club 406,261 posts

[sugiarto Friend sugiartoJoin date: November 2008Posts: 91Downloads:6Uploads:9 Thanks: 16 Thanked: 4 times in 1 posts]

#135671

Hi all,

Logo space in Teline II is only width:278px and height:42px.
I changed height to 150px in template.css but it collaps with menu.

How to change this space withought collap with menu?

Thanks in advance.

Regards,
Sugiarto.

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#280209

Hi Sugiarto

Find the following code in your template.css file and change the width, height and top pixel sizes until you get the desired result:

ho.logo a {
width: 278 px;
display: block;
background: url(../images/logo.gif) no repeat;
position: absolute;
height: 42px;
top: 20px;
left: 0;


Hope that helps!
Chris

[sugiarto Friend sugiartoJoin date: November 2008Posts: 91Downloads:6Uploads:9 Thanks: 16 Thanked: 4 times in 1 posts]

#280233

Hi Chris,

Thanks for your reply.

I have already do that, but the problem is if I set height to much it will collaps with menu.
Here is the attachment from my local web.

Thanks in advance.
Regards,
Sugiarto.

---

Attachments:

1. 

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#280240

I think there must be a total depth limit?

Have you tried to set ‘top’ to 0px too?

[sugiarto Friend sugiartoJoin date: November 2008Posts: 91Downloads:6Uploads:9 Thanks: 16 Thanked: 4 times in 1 posts]

#280276

Hi Chris,

Thanks for your replied.

Yes I have set top to 0px, but it only moved logo a bit higher, but the menu is not going down, so logo and menu still collaps.

Here are the code on my template.css

#ja-headerwrap {
}

#ja-header {
height: 80px;
line-height: normal;
position: relative;
}

h1.logo, h1.logo-text {
margin: 0;
padding: 0;
font-size: 300%;
}

h1.logo a {
width: 450px;
display: block;
background: url(../images/logo.gif) no-repeat;
position: absolute;
height: 100px;
top: 0px;
left: 0px;
}

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

h1.logo-text a {
outline: none;
position: absolute;
top: 15px;
left: 5px;
letter-spacing: 1px;
font-weight: bold;
}

p.site-slogan {
margin: 0;
padding: 1px;
color: #999999;
position: absolute;
top: 52px;
left: 15px;
letter-spacing: 1px;
}

Regards,
Sugiarto.

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#280278

You will have to change your header size aswell, that makes the menu move down:
change in your template.css file around 797:


#ja-header
height:80px;
line-height:normal;
position:relative;
}


Change the item marked in red.

1 user says Thank You to bennitos for this useful post

1. sugiarto

[sugiarto Friend sugiartoJoin date: November 2008Posts: 91Downloads:6Uploads:9 Thanks: 16 Thanked: 4 times in 1 posts]

#280320

Hi Bennitos,

Thanks, it worked.

Rgrds,
Sugiarto.

[sugiarto Friend sugiartoJoin date: November 2008Posts: 91Downloads:6Uploads:9 Thanks: 16 Thanked: 4 times in 1 posts]

#280321

Hi Chris,

Problem is now solved with Bennito’s helps, anyway thanks for your helps:)

Regards,
Sugiarto.

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#280470

Hi sugiarto

<em>@sugiarto 92270 wrote:</em><blockquote>Problem is now solved with Bennito’s helps, anyway thanks for your helps:)
</blockquote>

Glad to hear you got it fixed! Good luck with the rest of the site.

Cheers
Chris

[Author]

Posts