Webudvikling med WooCommerce

Loginvinduet hører uden sammenligning til blandt de mest uinteressante grafiske elementer i WordPress. De færreste tænker over at også det kan styles med “Custom CSS and JavaScript”. Når du opretter noget HTML, CSS eller JavaScript så husk, at det skal gælde for din login-side.

CoPilot foreslår, at du kan eksperimentere med disse klasser:

/* Wrapper */
#login {
  background-color: #f9f9f9;
  padding: 40px;
  border-radius: 10px;
}

/* Logo */
#login h1 a {
  background-image: url('din-logo-url.png');
  background-size: contain;
  width: 100%;
  height: 80px;
}

/* Inputfelter */
#loginform input[type="text"],
#loginform input[type="password"] {
  border: 1px solid #ccc;
  padding: 10px;
  width: 100%;
}

/* Login-knap */
#wp-submit {
  background-color: #0073aa;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}