Hello RRobert,
Some css classes are creating conflict with the existing template which is causing this issue with pop-up model.
To resolve your issue please follow below mentioned points.
# Go to
root/components/com_payplans/xiframework/media/js/xi.core.js, around line no. 54
You will find the below code
$('<div id="xiWindowContent" class="modal hide fade loading" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>').addClass('new').appendTo('.payplans-wrap');
Replace the above with the below code
$('<div id="xiWindowContent" class="modal fade loading" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>').addClass('new').appendTo('.payplans-wrap');
# Go to
root /components/com_payplans/media/css/payplans.css
Find this css
div.modal {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 560px;
margin-left: -280px;
background-color: #ffffff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
outline: none;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
Add below mentioned line after width: 560px;
height:400px;
Note : Take backup of these files because after up-gradation of PayPlans changes will get lost.
Try this solution and update us if still issue not resolved.