Joomla Templates Club 406,261 posts

[sawa Friend sawaJoin date: February 2006Posts: 44Downloads:0Uploads:2 Thanks: 2]

#118495

Hi Im trying to change the upper impages in the template where the custom logo is, im not using any of the ja_tools just the search tool, the problem is that I cant figure how to get rid of the space where the ja_tools used to be, in order to have a 2 piece top header in the template. Could someone please give me a hand? I will attach an image for better explanation.

---

Attachments:

1. 

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

#213705

Hi sawa,

It seems that your header image is too short to fix with the width of the size. I noticed that your site is currently in wide screen mode (1024×768). With this screen mode, your header images must be at least 900px wide.

Please try again and tell me if it fix. BTW, your header image looks very interesting. Anxious too see the final modification you make with Zibal. Cheers! 😀

[sawa Friend sawaJoin date: February 2006Posts: 44Downloads:0Uploads:2 Thanks: 2]

#213732

<em>@Hieu Nguyen 6938 wrote:</em><blockquote>Hi sawa,

It seems that your header image is too short to fix with the width of the size. I noticed that your site is currently in wide screen mode (1024×768). With this screen mode, your header images must be at least 900px wide.

Please try again and tell me if it fix. BTW, your header image looks very interesting. Anxious too see the final modification you make with Zibal. Cheers! :D</blockquote>

Actually the image is a two part image (with the leftmore image I replaced the default-logo.jpg image and with the one beside on the rigth side I replaced the header-bg.gif image) together both images are 900px width, the problem is with the space where the ja_usertools used to be, to be exact in that area used to be the usertools-bg.gif and the usertools-bgleft.gif images, but as I dont want to use the usertools I want that area to be removed and show the complete rigth side header image. Did I explained it ok?

Thank you in

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

#213745

Sawa,

Please try to change this css:

#ja-header {
background: url(../images/header-bg.gif) repeat-x top #4D84A7;
height: 75px; /* you can change the heigth of the header here. Maximum height: 250px. */
position: relative;
}

to

#ja-header {
background: url(../images/header-bg.gif) no-repeat top right #4D84A7;
height: 75px; /* you can change the heigth of the header here. Maximum height: 250px. */
position: relative;
}

If it does not help, please give me a link to your site! I’ll try to find the solution for you.

[sawa Friend sawaJoin date: February 2006Posts: 44Downloads:0Uploads:2 Thanks: 2]

#213762

<em>@Hieu Nguyen 6995 wrote:</em><blockquote>Sawa,

Please try to change this css:

#ja-header {
background: url(../images/header-bg.gif) repeat-x top #4D84A7;
height: 75px; /* you can change the heigth of the header here. Maximum height: 250px. */
position: relative;
}

to

#ja-header {
background: url(../images/header-bg.gif) no-repeat top right #4D84A7;
height: 75px; /* you can change the heigth of the header here. Maximum height: 250px. */
position: relative;
}

If it does not help, please give me a link to your site! I’ll try to find the solution for you.</blockquote>

That work perfect, thank you Hieu, now I will try t match both images ends in the middle of the header. any toughts? heres the link http://www.caobaespacios.com

Thanks

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

#213767

Yeah, I’ve got the scene! Interesting work you’re doing, friend! Keeping on! I’ll visit your site frequently to see what you’ve done with the template :D.

I think to match the both images, the easiest solution is to make the header background use only one image, not using two pieces!
Or if you plan to use fixed screen mode, just use your image editor to slice the image (900px wide) into 2 pieces. One will be left, and one will be right.

[Author]

Posts