Join · Login ·

Tutorial

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:
Pop Up Login Before

 

 

Screen Shot After/Modified:
Pop Up Login After

 

 

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;
}

 
Tutorial by: Jeremy LeSarge (AKA Ray)

I am the owner and administrator of DialMe.com. I write Tutorials for Boonex Dolphin as well as tips and resources surrounding website programming and development. I enjoy working with WordPress, SEO, and Web Hosting / Servers. I also maintain a WordPress Blog here on this site where you will find a variety of technology and webmaster resources.

Actions
Recommend