Joomla Templates Club 406,261 posts

[BigHug Friend BigHugJoin date: September 2012Posts: 60Downloads:17Uploads:277 Thanked: 11 times in 1 posts]

#132012

Hello,
I’ve seen that logo image is 200×72.

There is a way to change it to 200×105, for example and have all the header of the template to follow the new height of the image?

What are the files that I have to modify?

Someone can help me, please?

The page is: here

[Hieu Nguyen Admin Hieu NguyenJoin date: November 2005Posts: 678Downloads:36Uploads:0 Thanks: 69 Thanked: 61 times in 1 posts]

#264689

You will need to change some CSS for the header here:

#ja-headerwrap {
background: url(../images/header-bg.gif) repeat-x top #CC0000;
color: #CCCCCC;
line-height: normal;
height: 120px;
}

#ja-header {
position: relative;
height: 120px;
}

Also, to change the size of the logo, you’ll need to edit here:

h1.logo a {
width: 200px;
display: block;
background: url(../images/logo.png) no-repeat;
position: absolute;
height: 72px;
bottom: 40px;
left: 5px;
}

Hope it helps! 🙂

[Hieu Nguyen Admin Hieu NguyenJoin date: November 2005Posts: 678Downloads:36Uploads:0 Thanks: 69 Thanked: 61 times in 1 posts]

#264696

MMhh,
no, there’s something other that must be modified.

You can see by yourself: the topmenu are not shown in a correct place!

[Hieu Nguyen Admin Hieu NguyenJoin date: November 2005Posts: 678Downloads:36Uploads:0 Thanks: 69 Thanked: 61 times in 1 posts]

#264698

ghale, you’re right. I forgot to mention that you will need to edit the header-bg.gif to the height of your header. It’s currently 120px height.

The topmenu will remain at the bottom of the header no matter what (you changed) the height of the header is.

Please try again! 🙂

[Hieu Nguyen Admin Hieu NguyenJoin date: November 2005Posts: 678Downloads:36Uploads:0 Thanks: 69 Thanked: 61 times in 1 posts]

#264700

Yes, I’ve tried.
But I’m not good with Photoshop probably, because if you see the original and the modified template, you’ll notice that the original one has some horizontal band in the heder that the modified one not have.

I’ve not understood why…

How I can create a header-bg.gif with the horizontal band effect?

The modified one:
http://www.informarecomunicare.it/templates/ja_barite/images/header-bg.gif

The original one:
http://www.informarecomunicare.it/templates/ja_barite/images/header-bg_originale.gif

[tschier Friend tschierJoin date: October 2008Posts: 11Downloads:0Uploads:1]

#277316

<em>@ghale 72681 wrote:</em><blockquote>Yes, I’ve tried.
But I’m not good with Photoshop probably, because if you see the original and the modified template, you’ll notice that the original one has some horizontal band in the heder that the modified one not have.

I’ve not understood why…

How I can create a header-bg.gif with the horizontal band effect?

The modified one:
http://www.informarecomunicare.it/templates/ja_barite/images/header-bg.gif

The original one:
http://www.informarecomunicare.it/templates/ja_barite/images/header-bg_originale.gif</blockquote>
I would like to have a “collage” photo image extend the width of the background image and not have any logo. How would I do this?

[Author]

Posts