Public Forums 71,145 posts

[descobrir Friend descobrirJoin date: June 2010Posts: 18Downloads:6Uploads:0 Thanks: 4]

#159724

Hello all!

I want to resize header height to 130 px, which I did. See picture please.

Result was not great, so I need your help in the following:

1. How to fix the header mask?
2. How to verticaly align logo?
3. How to add text below logo?

Thank You.

[descobrir Friend descobrirJoin date: June 2010Posts: 18Downloads:6Uploads:0 Thanks: 4]

#375197

<em>@descobrir 219274 wrote:</em><blockquote>Hello all!

I want to resize header height to 130 px, which I did. See picture please.

Result was not great, so I need your help in the following:

1. How to fix the header mask?
2. How to verticaly align logo?
3. How to add text below logo?

Thank You.</blockquote>

I searched the forum but I couldn’t find answer to my questions… Any help would be great. Thanks.

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#375226

HEADER MASK: /templates/ja_purity_ii/css/template.css – Line 1024
Adjust in red


.ja-headermask {
background: url("../images/header-mask.png") no-repeat scroll right top transparent;
display: block;
height: 130px;
position: absolute;
right: -1px;
top: 0;
width: 602px;
z-index: 0;
}


VERTICALLY ALIGN LOGO: [FONT=”Arial”] /templates/ja_purity_ii/css/template.css[/FONT] – Line 992
Add and then adjust the attribute below in red to position the logo from the top of the template.


h1.logo a {
background: url("../images/logo.gif") no-repeat scroll left center transparent;
display: block;
height: 79px;
width: 207px;
padding-top: 39px;
}


ADD TEXT BELOW LOGO:
Best to build it into the logo itself…then you are not at the whim of the browser’s font library, zoom size, etc. that could play havoc in ways you did not intend.

Have fun.
John.

Have fun.

1 user says Thank You to John Wesley Brett for this useful post

1. descobrir

[descobrir Friend descobrirJoin date: June 2010Posts: 18Downloads:6Uploads:0 Thanks: 4]

#375231

Thank you for the help John.
That worked ok.
For the logo I’ll try to change the logo-image depending on the language choosed in the joom!fish. lets see how that goes!

Cheers
Des

[Author]

Posts