Easy Profile - Joomla Extension

Hi,
please post me your site link to check this issue, I think some CSS/Javascript conflict

Sorry could you please remove the link from my post, I thought it would be hidden, thanks!

Hi,
your template content have a absolute position (set in CSS style) with z-index set to 955, our crop square have a z-index set to 100. so it is rendered behind your content.

You can fix this by adding a simple CSS rule:

.imgareaselect-border1,.imgareaselect-border2,.imgareaselect-outer{z-index:1000 !important}

About 2 javascript errors:
in all pages you are JQuery Framework loaded from /media/jui/js/jquery.min.js (see screenshot 1), this is correct and this framework is loaded by using Joomla API

in profile page you have 2 instance of JQuery Framework (see screenshot 2)
- /media/jui/js/jquery.min.js (correct)
- /templates/silk-media/scripts/jquery-1.4.2.min.js (wrong)

You need to check why /templates/silk-media/scripts/jquery-1.4.2.min.js is loaded (this not become from Easy Profile or Joomla API).
Possible things:
- This is loaded from your template, maybe you have a different template style for profile page and you have missing to set on disable some parameter that load this
- This is loaded from some module

Why you have this?
Because to keep compatibility with J2.5 some template/component/module leave a possibility to load own JQuery Javascript. From Joomla 3.x to load this framework you have Joomla API (to avoid these conflict)

Anyway, this problem is not related to Easy Profile

Hi, thanks for your response, this doesn't seem to make the marque visible though, I also tried increasing the z-index, but still doesn't show, thanks in advance!

Hi,
your template content have a absolute position (set in CSS style) with z-index set to 955, our crop square have a z-index set to 100. so it is rendered behind your content.

You can fix this by adding a simple CSS rule:

.imgareaselect-border1,.imgareaselect-border2,.imgareaselect-outer{z-index:1000 !important}

Hi,
this because this CSS rule is into a CSS file loaded before our CSS style, so our style set z-index to 100

Try this:

body .imgareaselect-border1,body .imgareaselect-border2,body .imgareaselect-outer{z-index:1000 !important}