Public Forums 71,145 posts

[balduran Friend balduranJoin date: December 2009Posts: 3Downloads:0Uploads:0]

#147329

Hi!

I’m using Joomla 1.5.4 with Ja Purity II.
I jus want make a little change with no luck. The header image is at the right. I want it to the middle of the header.

I modified the template.css
from:
#ja-header .main {
background-color: #333;
background-position: top right;
background-repeat: no-repeat;
height: 80px;
}

to:
#ja-header .main {
background-color: #333;
background-position: top center;
background-repeat: no-repeat;
height: 80px;
}

Everything is OK, but the problem is the mask. With this little modification the image is in the center but I can’t move the mask. The header mask always remain in the top right area.
Anyone could help me? :confused:

[jaybrd1 Friend jaybrd1Join date: November 2009Posts: 28Downloads:0Uploads:0 Thanked: 7 times in 5 posts]

#328276

It is hard to tell without seeing your website, however, you might try giving the header mask itself a width. To center the div, you might also need to adjust the margins something like ” margin: 0 auto; ” You might also find that it will still not center, as the logo will be in the way. Try posting you website so we can have a peek see, might be easier to help.

[balduran Friend balduranJoin date: December 2009Posts: 3Downloads:0Uploads:0]

#328280

<em>@jaybrd1 159066 wrote:</em><blockquote>It is hard to tell without seeing your website, however, you might try giving the header mask itself a width. To center the div, you might also need to adjust the margins something like ” margin: 0 auto; ” You might also find that it will still not center, as the logo will be in the way. Try posting you website so we can have a peek see, might be easier to help.</blockquote>

Hi!

Thanks for your reply. I’m using the site on localhost so I can’t post url.
Anyway as I wrote I’m using Ja Purity II without any modifications. My goal is to centerize the header picture (600×80). I want to put it beetwen the Logo and the User Tools.

As I said I can centerize the pic well, but the header mask remain in the top right position.
Here is the original css for the header mask (from file template.css):
/* Header mask —*/
.ja-headermask {
background: url(../images/header-mask.png) no-repeat top right;
display: block;
height: 80px;
position: absolute;
right: -1px;
top: 0;
width: 602px;
z-index: 0;
}

If I set top center, doesn’t move from the top right position. So, I don’t know, who to modify it… :((

[amahadevan Friend amahadevanJoin date: December 2009Posts: 44Downloads:213Uploads:10 Thanks: 8 Thanked: 1 times in 1 posts]

#328284

<em>@balduran 159072 wrote:</em><blockquote>Hi!

Thanks for your reply. I’m using the site on localhost so I can’t post url.
Anyway as I wrote I’m using Ja Purity II without any modifications. My goal is to centerize the header picture (600×80). I want to put it beetwen the Logo and the User Tools.

As I said I can centerize the pic well, but the header mask remain in the top right position.
Here is the original css for the header mask (from file template.css):
/* Header mask —*/
.ja-headermask {
background: url(../images/header-mask.png) no-repeat top right;
display: block;
height: 80px;
position: absolute;
right: -1px;
top: 0;
width: 602px;
z-index: 0;
}

If I set top center, doesn’t move from the top right position. So, I don’t know, who to modify it… :((</blockquote>
Hi

Could you take a print screen of your page and post it with your requirement. This way it is easy to understand.

Cheers!!!!

[jaybrd1 Friend jaybrd1Join date: November 2009Posts: 28Downloads:0Uploads:0 Thanked: 7 times in 5 posts]

#328331

The header mask is a reduntant peice of code, it just shades the header image.

You can just DELETE the header mask completely by deleting <blockquote><div class=”ja-headermask”> </div></blockquote> which is line 5 in header.php.

OR

You can delete the background image from the css, this is on line 969 of template.css. This will keep the headermask, just delete the image, however, the only purpose of the mask is to shade the header image.

The above line numbers are assuming you have not made any modifications, if you have, just search for the word “headermask”.

Good Luck

[balduran Friend balduranJoin date: December 2009Posts: 3Downloads:0Uploads:0]

#328334

<em>@jaybrd1 159141 wrote:</em><blockquote>The header mask is a reduntant peice of code, it just shades the header image.

You can just DELETE the header mask completely by deleting which is line 5 in header.php.

OR

You can delete the background image from the css, this is on line 969 of template.css. This will keep the headermask, just delete the image, however, the only purpose of the mask is to shade the header image.

The above line numbers are assuming you have not made any modifications, if you have, just search for the word “headermask”.

Good Luck</blockquote>

Thank you! Good solution.

[dayakcinta Friend dayakcintaJoin date: March 2008Posts: 1Downloads:0Uploads:0]

#328368

mr.balduran, please show your link, so we can help you.
🙂http://dayakcinta.com/
thanks

[flumpy Friend flumpyJoin date: March 2010Posts: 19Downloads:0Uploads:0 Thanks: 2]

#337799

you say you can centre the image – how did you do that?

I’ve tried

/* HEADER
--------------------------------------------------------- */
#ja-header { background: #333; position: relative; z-index: 10; }

#ja-header .main {
background-color: #333;
background-position: top center;
background-repeat: no-repeat;
height: 80px;
}

in template.css but it still shows top right?

url:
http://st1ngtest.neltek.biz

Ian

[FONT=”Fixedsys”]ADDITION

OK I’m weirded out
it defo didn’t show in center
but is now ….
hey ho
happy it’s working
must be a cache issue[/FONT]

[Author]

Posts