Did You Know?

Popular Searches:
Updated on March 03, 2020
Elements

Source Code

Welcome to Docy ! Get familiar with the Docy products and explore their features, guides, tips and tools.

HTML Code Blocks

From a group of elements with one parent. Same as first one, but use this method if you are creating a popup from a list of elements in one container. Note that this method does not enable gallery mode, it just reduces the number of click event handlers; each item will be opened as a single popup. If you wish to enable gallery, add the gallery:{enabled:true} option.

                                    For example, <code><section></code> should be wrapped as inline.
                                
                        
                        
                        








Register


Register to begin saving and receive discounts on services.



		
		


		
		


		
		









Lose something?


Enter your username or email to reset your password.






















Logout

logout

Dashboard




                        
                        
                        
                        
                        








Register


Register to begin saving and receive discounts on services.



		
		


		
		


		
		









Lose something?


Enter your username or email to reset your password.






















Logout

logout

Dashboard




                        
                        
                        
                        
                        








Register


Register to begin saving and receive discounts on services.



		
		


		
		


		
		









Lose something?


Enter your username or email to reset your password.






















Logout

logout

Dashboard

CSS Source Code

                        
                        /****************Login Starts*************/

#login-register-password p {
margin: 0 0 15px 0;
padding: 0;
}

/* form elements */
.wp-user-form {}

.username, .password, .login_fields {
margin: 7px 0 0 0;
overflow: hidden;
width: 100%;
}
		
.username label, .password label {
 float: left; 
 clear: none; 
 width: 25%; 
 }

.username input, .password input { 
font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
float: left;
clear: none; 
width: 200px; 
padding: 2px 3px; 
color: #777;
}

.rememberme { 
overflow: hidden; 
width: 100%; 
margin-bottom: 7px; 
}

#rememberme { 
float: left; 
clear: none; 
margin: 4px 4px -4px 0; 
}

.user-submit { 
padding: 5px 10px; 
margin: 5px 0; 
}

#userinfo {
    float: left;
    margin-top: 12px;
    text-align: center;
    width: 100%;
}

.userinfo p { 
margin-left: 10px; 
}

.userinfo {
    border: 1px solid #F1F2F3;
    float: left;
    height: 198px;
    margin-left: 5px;
    text-transform: capitalize;
    width: 243px;
}

.usericon {
    border: 1px solid #F1F2F3;
    clear: none;
    float: left;
    height: 198px;
    margin-left: 7px;
    width: 168px;
}

.usericon img {
    height: 185px;
    margin-top: 6px;
    width: auto;
}

.login {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #F1F2F3;
    float: left;
    font-family: calibri;
    height: 255px;
    margin-left: 19px;
    margin-top: 65px;
    padding: 20px;
    width: 273px;
}

.login label{
    float: left;
    margin-right: 7px;
    text-align: left;
    width: 116px;
}

.register {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #F1F2F3;
    float: left;
    font-family: calibri;
    height: 255px;
    margin-left: 26px;
    margin-top: 65px;
    padding: 20px;
    width: 273px;
}

.register label {
    float: left;
    margin-right: 7px;
    text-align: left;
    width: 116px;
}

.forgot {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #F1F2F3;
    float: left;
    font-family: calibri;
    height: 255px;
    margin-left: 31px;
    margin-top: 65px;
    padding: 20px;
    width: 273px;
}
/****************Login Ends*************/                        
                        
                        
                        /****************Login Starts*************/

#login-register-password p {
margin: 0 0 15px 0;
padding: 0;
}

/* form elements */
.wp-user-form {}

.username, .password, .login_fields {
margin: 7px 0 0 0;
overflow: hidden;
width: 100%;
}
		
.username label, .password label {
 float: left; 
 clear: none; 
 width: 25%; 
 }

.username input, .password input { 
font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
float: left;
clear: none; 
width: 200px; 
padding: 2px 3px; 
color: #777;
}

.rememberme { 
overflow: hidden; 
width: 100%; 
margin-bottom: 7px; 
}

#rememberme { 
float: left; 
clear: none; 
margin: 4px 4px -4px 0; 
}

.user-submit { 
padding: 5px 10px; 
margin: 5px 0; 
}

#userinfo {
    float: left;
    margin-top: 12px;
    text-align: center;
    width: 100%;
}

.userinfo p { 
margin-left: 10px; 
}

.userinfo {
    border: 1px solid #F1F2F3;
    float: left;
    height: 198px;
    margin-left: 5px;
    text-transform: capitalize;
    width: 243px;
}

.usericon {
    border: 1px solid #F1F2F3;
    clear: none;
    float: left;
    height: 198px;
    margin-left: 7px;
    width: 168px;
}

.usericon img {
    height: 185px;
    margin-top: 6px;
    width: auto;
}

.login {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #F1F2F3;
    float: left;
    font-family: calibri;
    height: 255px;
    margin-left: 19px;
    margin-top: 65px;
    padding: 20px;
    width: 273px;
}

.login label{
    float: left;
    margin-right: 7px;
    text-align: left;
    width: 116px;
}

.register {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #F1F2F3;
    float: left;
    font-family: calibri;
    height: 255px;
    margin-left: 26px;
    margin-top: 65px;
    padding: 20px;
    width: 273px;
}

.register label {
    float: left;
    margin-right: 7px;
    text-align: left;
    width: 116px;
}

.forgot {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #F1F2F3;
    float: left;
    font-family: calibri;
    height: 255px;
    margin-left: 31px;
    margin-top: 65px;
    padding: 20px;
    width: 273px;
}
/****************Login Ends*************/                        
                        
                        
                        /****************Login Starts*************/

#login-register-password p {
margin: 0 0 15px 0;
padding: 0;
}

/* form elements */
.wp-user-form {}

.username, .password, .login_fields {
margin: 7px 0 0 0;
overflow: hidden;
width: 100%;
}
		
.username label, .password label {
 float: left; 
 clear: none; 
 width: 25%; 
 }

.username input, .password input { 
font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
float: left;
clear: none; 
width: 200px; 
padding: 2px 3px; 
color: #777;
}

.rememberme { 
overflow: hidden; 
width: 100%; 
margin-bottom: 7px; 
}

#rememberme { 
float: left; 
clear: none; 
margin: 4px 4px -4px 0; 
}

.user-submit { 
padding: 5px 10px; 
margin: 5px 0; 
}

#userinfo {
    float: left;
    margin-top: 12px;
    text-align: center;
    width: 100%;
}

.userinfo p { 
margin-left: 10px; 
}

.userinfo {
    border: 1px solid #F1F2F3;
    float: left;
    height: 198px;
    margin-left: 5px;
    text-transform: capitalize;
    width: 243px;
}

.usericon {
    border: 1px solid #F1F2F3;
    clear: none;
    float: left;
    height: 198px;
    margin-left: 7px;
    width: 168px;
}

.usericon img {
    height: 185px;
    margin-top: 6px;
    width: auto;
}

.login {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #F1F2F3;
    float: left;
    font-family: calibri;
    height: 255px;
    margin-left: 19px;
    margin-top: 65px;
    padding: 20px;
    width: 273px;
}

.login label{
    float: left;
    margin-right: 7px;
    text-align: left;
    width: 116px;
}

.register {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #F1F2F3;
    float: left;
    font-family: calibri;
    height: 255px;
    margin-left: 26px;
    margin-top: 65px;
    padding: 20px;
    width: 273px;
}

.register label {
    float: left;
    margin-right: 7px;
    text-align: left;
    width: 116px;
}

.forgot {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #F1F2F3;
    float: left;
    font-family: calibri;
    height: 255px;
    margin-left: 31px;
    margin-top: 65px;
    padding: 20px;
    width: 273px;
}
/****************Login Ends*************/

JavaScript Code

PHP Source Code

Related articles

Recently viewed articles

3 Comment

  • Issac Wise

    July 3, 2020 at 2:14 pm

    Wouldn’t it be better practice to use get_the_title(..) in this case? directly accessing the post object’s data member would bypass applying filters and enforcing protected and private settings, unless that’s explicitly desired.

    Reply

    • Hans Down

      44 mins ago

      Thenks Demo User for Wouldn’t it be better practice to use get_the_title.

      Reply

    • Hans Down

      44 mins ago

      Dropped a clanger up the kyver easy peasy vagabond victoria sponge Charles tinkety tonk old fruit argy.!

      Reply

  • Chauffina Carr

    04 mins ago

    Wouldn’t it be better practice to use get_the_title(..) in this case? directly accessing the post object’s data member would bypass applying filters and enforcing protected and private settings, unless that’s explicitly desired.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

CONTENTS