Joomla Templates Club 406,261 posts

[ecohaven Friend ecohavenJoin date: July 2007Posts: 56Downloads:0Uploads:8 Thanks: 8 Thanked: 8 times in 1 posts]

#153460

Hi
How do I change the height of the header?
I think it is much too high. It is ok to have it on the homepage but not on pages with a lot of content. Not good use of the space available.

No simple css determines the height and I am getting lost in all the css files in this template.
I tried to reduce the repeating image header-bg.jpg but that leave a gap, perhaps related to the clear fix?

thank you very much
Michael

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#352409

Now, you open the file: templates/ja_droid/css/template.css and find the following code:

h1.logo { float: none; margin: 40px auto 20px; width: 302px; height: 93px; }

you adjust value for the margin property and height property to resolve this issue

1 user says Thank You to Saguaros for this useful post

1. ecohaven

[ecohaven Friend ecohavenJoin date: July 2007Posts: 56Downloads:0Uploads:8 Thanks: 8 Thanked: 8 times in 1 posts]

#352440

so simple, thank you.
I used:
/* Logo Image —*/

h1.logo { float: none; margin: 0px auto 10px; width: 302px; height: 73px; }

1 user says Thank You to ecohaven for this useful post

1. wogand

[robynt Friend robyntJoin date: May 2009Posts: 54Downloads:0Uploads:0 Thanks: 14 Thanked: 4 times in 1 posts]

#353285

This is great for resizing the logo. Is there a place where I can decrease the overall height of the header? I want the logo height to remain at 93, I just don’t want the header to be as high as it is, so I can float up some of the content under the slide show.

Thanks for any help I can get!

[smitheringale Friend smitheringaleJoin date: December 2009Posts: 236Downloads:0Uploads:0 Thanks: 63 Thanked: 44 times in 18 posts]

#353286

Is it not just a case of changing the margin in the line that tienhc showed above

BEFORE

h1.logo { float: none; margin: 40px auto 20px; width: 302px; height: 93px; }

AFTER

h1.logo { float: none; margin: 0; width: 302px; height: 93px; }

<em>@robynt 191075 wrote:</em><blockquote>This is great for resizing the logo. Is there a place where I can decrease the overall height of the header? I want the logo height to remain at 93, I just don’t want the header to be as high as it is, so I can float up some of the content under the slide show.

Thanks for any help I can get!</blockquote>

[robynt Friend robyntJoin date: May 2009Posts: 54Downloads:0Uploads:0 Thanks: 14 Thanked: 4 times in 1 posts]

#353288

<em>@smitheringale 191077 wrote:</em><blockquote>Is it not just a case of changing the margin in the line that tienhc showed above

BEFORE

h1.logo { float: none; margin: 40px auto 20px; width: 302px; height: 93px; }

AFTER

h1.logo { float: none; margin: 0; width: 302px; height: 93px; }
</blockquote>

I want the height of the header wrap to be 200 not what it is currently. Where in this can I set the height of the top header wrap? Sorry, I don’t mean to be a pain. I have tried a number of ways and nothing seems to be working.

Thanks

[congtq Friend congtqJoin date: September 2009Posts: 278Downloads:0Uploads:28 Thanks: 10 Thanked: 49 times in 48 posts]

#353323

You try to edit templates/ja_droid/css/template.css file.

#ja-header { background: url(../images/header-bg.jpg) repeat-x left top; height:100px; }

[Author]

Posts