The Pop-Up Ajax Login looks decent and matches the default Dolphin Template Theme fairly well. If you have a custom theme or changed the default template it may not match so well anymore.
Maybe you just want to change the look and color of the pop-up.
You can quickly change the Dolphin Pop Up Login to suite your site look by editing general.css.
First backup the original file just in case.
/templates/tmpl_uni/css/general.css
(tmpl_uni) being the default dolphin template name. If you have a different template just be sure you are in the right folder/directory for your template.
Then open /templates/tmpl_uni/css/general.css
Find:
.popup_form_wrapper td.container
{
background-color:white;
width:450px;
}
Change to: (where #85AD85 is your desired color)
.popup_form_wrapper td.container
{
background-color:#85AD85;
width:450px;
}
Save file and re-upload.
Screen Shot Before/Original:
Screen Shot After/Modified:
Other parts of general.css you may edit related to the pop-up ajax login that you might edit look for and find (chage or add colors, sizes, height, width, etc..etc):
/* * * * Modal window * * * */
.popup_form_wrapper
{
border-collapse:collapse;
margin:0px;
padding:0px;
width:350px;
}
.popup_form_wrapper td
{
padding:0px;
margin:0px;
}
.popup_form_wrapper td.corner
{
width:16px;
height:16px;
font-size:1px;
}
.popup_form_wrapper td.side
{
width:16px;
}
.popup_form_wrapper td.side_ver
{
height:16px;
}
.popup_form_wrapper td.side_ver,
.popup_form_wrapper td.side
{
background-image:url(../images/sp_op_gr.png);
font-size:1px;
}
.popup_form_wrapper td.container
{
background-color:#85AD85;
width:450px;
}