[bp_login_form]
/* =========================================
BuddyPress / OceanWP loginpagina stijl
========================================= */
body.page-id-270 { /* <-- XXX vervangen door je pagina-ID */ background: #f3f7fb; } /* Login-container */ .bp-login-form, #buddypress #login-form { background: #ffffff; max-width: 420px; margin: 60px auto; padding: 40px 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); } /* Form titels */ .bp-login-form h2, #buddypress #login-form legend { text-align: center; font-size: 1.4rem; margin-bottom: 25px; color: #333; } /* Invoervelden */ .bp-login-form input[type="text"], .bp-login-form input[type="password"], #buddypress #login-form input[type="text"], #buddypress #login-form input[type="password"] { width: 100%; padding: 12px 14px; margin-bottom: 15px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 15px; } /* Login-knop */ .bp-login-form input[type="submit"], #buddypress #login-form input[type="submit"] { background: var(--ocean-primary-color, #0073e6); color: #fff; font-weight: 600; padding: 12px 20px; border: none; border-radius: 6px; width: 100%; cursor: pointer; transition: background 0.2s ease; } .bp-login-form input[type="submit"]:hover, #buddypress #login-form input[type="submit"]:hover { background: var(--ocean-hover-primary-color, #005bb5); } /* Extra links (wachtwoord vergeten / registratie) */ .bp-login-form p a, #buddypress #login-form p a { color: var(--ocean-primary-color, #0073e6); text-decoration: none; } .bp-login-form p a:hover { text-decoration: underline; }