Customize my account login page

you mean that normal /wp-login.php page?

this comes to functions.php of your child-theme

function custom_login_logo() {
    echo '<style type="text/css">
    h1 a { background-image:url(/wp-content/uploads/logo.png) !important;
    background-size: contain !important; 
    height: 100px !important; 
    width: 300px !important; }
    </style>';
}
add_action('login_head', 'custom_login_logo');

add_filter( 'login_headerurl', 'custom_loginlogo_url' );
function custom_loginlogo_url($url) {
  return 'https://url...';
}

the second one is for the backlink of the new image
you have to adjust the height and width to your logo and your needs

f.e. :

• This reply was modified 6 years, 4 months ago by Guenni007.

– yes pleas follow Rikards link – i guess this is the way to do.
To have a different heading and a background you can do this to quick css:

Just test it and look:

#customer_login {
    background-color: #ddd;
}

.woocommerce-form-register.register {
    min-height: 265px;
    border: 1px solid #023744;
}

.u-column1.col-1,
.u-column2.col-2 {
    padding: 20px;
    text-align: center
}
.u-column1.col-1 { background-color: #023744}

.u-column2.col-2 { background-color: #ddd }

.u-column1.col-1 h2,
.u-column2.col-2 h2 {
    display:none
}

.u-column1.col-1::before,
.u-column2.col-2::before {
    word-wrap: break-word;
    font-weight: bold;
    font-size: 34px !important;
    line-height: 46px;
}

.u-column1.col-1::before {
	color: #fff;
	content: "Sign up to receive your \A free CORTIME trial"
}

.u-column1.col-1::after {
    color: #fff;
    font-weight: normal;
    word-wrap: break-word;
    white-space: pre-wrap;
    content: "By signing up you will automatically receive our newsletter. Don't worry - we hate spam just as much as you. \A\A We will send you no more than 6 newsletters a year and you can always unsubscribe";
    position: relative;
    top: 10px;
}

.u-column2.col-2::before {
	color: #333;
	content: "Already a CORTIME user? \A Log into your account here"
}

.col2-set .col-1 { width: 47% }
.col2-set .col-2 { width: 53% }

@media only screen and (max-width: 768px){
.responsive #top .col2-set .col-1, 
.responsive #top .col2-set .col-2, 
.responsive .cart-collaterals .shipping_calculator {
    width: 100%;
}
#customer_login { background-color: inherit }
}

maybe you get rid of those social media logins:

.wc-social-login.form-row-wide {
    display: none;
}

• This reply was modified 6 years, 3 months ago by Guenni007.