Public Forums 71,145 posts

[mebb Friend mebbJoin date: January 2012Posts: 2Downloads:0Uploads:2 Thanks: 2]

#173920

Hello,
I am currently working on the Kranos Template with Joomla 1.7 and I’m having some struggles with the JA Masshead module. When I assign the condition for the images it needs to show, it displays the image no bigger then the title that’s in the Masshead.

Example:

As shown it’s the small line of an image that’s shown (just below the menu).

Image of my settings (I followed the same steps as explained in the userguide):

I’ve looked around a bit already and I’m not sure if this may be the problem but could it be because I don’t have the K2 component installed (I’m pretty sure I installed all the files that were in the Kranos Template 1.7 package in terms of modules and plug-ins, I even installed the extension manager) and if so do I have to download it elsewhere or something because I didn’t see it in the download list of modules / plug-ins / other files or is it there under a different name?

I already discovered the fact that the dimensions / sizes / colors / margins / paddings / etc for the Masshead images are listed in the k2.css file but I guess that for some reason the module and css file don’t seem to connect.

---

Attachments:

1. 
2. 

[James G Friend James GJoin date: September 2014Posts: 130Downloads:104Uploads:4 Thanks: 20 Thanked: 40 times in 6 posts]

#438546

I have exactly the same issue after uninstalling K2.

Rather annoying as i have no use for K2 and i wasn’t expecting masshead to be part of it.

[James G Friend James GJoin date: September 2014Posts: 130Downloads:104Uploads:4 Thanks: 20 Thanked: 40 times in 6 posts]

#438548

Mebb just to let you know i went to the K2 website and reinstalled the K2 component and now the headers work again.

Not great to have K2 installed when i dont need it, but it is a work around.

[James G Friend James GJoin date: September 2014Posts: 130Downloads:104Uploads:4 Thanks: 20 Thanked: 40 times in 6 posts]

#438551

And a further update:

You do not need to install K2.

Simply copy the css below into template.css:

#ja-masshead div.ja-moduletable h3, #ja-masshead div.moduletable h3 {
background: none;
padding: 0px;
margin: 0px;
position: absolute;
top: 120px;
left: 150px;
}

#ja-masshead .ja-masshead {
color: #FFFFFF;
height: 700px;
overflow: hidden;
padding: 0 30px;
}

#ja-masshead .ja-masshead h3.ja-masshead-title {
color: #fff;
text-transform: uppercase;
top: 180px ;
padding-left: 0px;
font-size: 450%;
line-height: 1;
width: 1000px;
margin: auto;
position: relative ;
left: auto;
}

.body-subnav #ja-masshead .ja-masshead h3.ja-masshead-title {
top: 210px;
}

#ja-masshead .ja-masshead .ja-masshead-desc { }

#ja-masshead {
min-height: 151px;
}
#ja-masshead .main {
left: 50%;
margin-left: -630px;
max-width: 1260px;
position: absolute;
top: 0;
width: 1260px;
z-index: 0;
}
#ja-masshead .mask-bottom {
background: url(../images/bg-mask.png) repeat-x 0 100%;
bottom: 0;
height: 300px;
left: 0;
position: absolute;
width: 100%;
z-index: 1;
}

#ja-masshead .mask-left {
background: url(../images/bg-mask-left.png) left top repeat-y;
top: 0;
height: 100%;
left: 0;
position: absolute;
width: 114px;
z-index: 1;
}

#ja-masshead .mask-right {
background: url(../images/bg-mask-right.png) right top repeat-y;
top: 0;
height: 100%;
right: 0;
position: absolute;
width: 114px;
z-index: 1;
}

2 users say Thank You to James G for this useful post

1. Phill
2. mebb

[mebb Friend mebbJoin date: January 2012Posts: 2Downloads:0Uploads:2 Thanks: 2]

#438574

Thank you very much for these tips and explanations now I can go on with working on the site 😀 I’ll try it later to see if it also works for me ^^

[Author]

Posts