Joomla Templates Club 406,261 posts

[matbeard7 Friend matbeard7Join date: July 2012Posts: 35Downloads:3Uploads:0 Thanked: 1 times in 1 posts]

#181462

Hi,

I’ve just installed this template using the quickstart. I’ve changed the contents of the Custom HTML boxes in the user2 position on the Home page but I can’t click on the links.

Also — it has developed a transparency effect which doesn’t show in your demo. I think it has something to do with the background image being in a module, but I’m not sure how to fix it.

Can you assist please. Thanks.

Edit: Just checked — it definitely has something to do with the fullbg position. It’s must be appearing above the user2 position. I’ve temporarily disabled the fullbg and the links are now working. I’d like to use the fullbg though, so can you please let me know the solution.

[mitsos92 Friend mitsos92Join date: February 2011Posts: 16Downloads:0Uploads:3 Thanks: 9]

#470325

I have also this problem with the unexpected transparency in the user2 position. Tried to fix it with z-index property and failed.
I could really use your help as well.

[matbeard7 Friend matbeard7Join date: July 2012Posts: 35Downloads:3Uploads:0 Thanked: 1 times in 1 posts]

#470339

Hi.

I did manage to fix it using z-index. Just find line 1214 in template.css and add z-index: 10 to the entry for #ja-topsl .ja-box-right.

This keeps it above the main background image and also below the popup from the small photo gallery below.

Regards,
Mat

1 user says Thank You to matbeard7 for this useful post

1. mitsos92

[mitsos92 Friend mitsos92Join date: February 2011Posts: 16Downloads:0Uploads:3 Thanks: 9]

#470340

Thanks man! This worked great. I didn’t try to add z-index inside template.css. 🙂

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#470343

@matbeard7, @mitsos92: Please follow me and change it as below

<blockquote>Open templates/ja_mixmaz/css/template.css file</blockquote>
from

#ja-topsl .ja-box-right {
position: relative;
right: auto;
}
change to

#ja-topsl .ja-box-right {
position: relative;
right: auto;
z-index: 10;
}

About the error on background
from

#ja-botsl .ja-box-right { background: 0; }
change to

#ja-botsl .ja-box-right { background: transparent; }

[Author]

Posts