I recently implemented the Custom Login Page Customizer plugin on my WordPress website and it has created a beautiful login page. While I was able to round the corners of my logo using CSS, I'm struggling to achieve the same effect on the login form. Every other element on the site has rounded corners except for the form. I've tried adding border-radius properties to the CSS but for some reason, they are not being applied. Despite reaching out to the plugin's support forum weeks ago, I still haven't received a solution. If anyone here can assist me with this issue, I would greatly appreciate it. Thank you.
CSS
/*--------------------------------------------------------------
7.1 Login form
--------------------------------------------------------------*/
.login #login form#loginform {
border: 5px double #999 !important;
border-radius: 16px !important;
}
#login ul.square {
color: #fefdff !important;
background-color: transparent;
margin: 0 0 0 22px;
padding: 0 0 0 22px;
}
#login ul.square li {
color: #fefdff !important;
background-color: transparent;
list-style: square outside !important;
margin: 0 0 0 10px;
padding: 3px 5px !important;
}
#login p#backtoblog a:link {
color: #2662ef;
background-color: transparent;
font-size: 90%;
font-weight: 400;
}
#login p#backtoblog a:hover, #login p#backtoblog a:focus {
color:#ddff22;
background-color: transparent;
font-size: 90%;
font-weight: 400;
}
#loginform {
border-radius:16px;
}
#login .loginform {
border-radius:16px;
}
HTML
<div id="login">
<h1><a href="https://botanical-art.baeecorp.org" title="Botanical Artists for Education & the Environment (BAEE)" tabindex="-1">Botanical Artists for Education & the Environment (BAEE)</a></h1>
<form name="loginform" id="loginform" action="https://botanical-art.baeecorp.org/wp-login.php" method="post">
<p>
<label for="user_login">Username or Email Address<br>
<input name="log" id="user_login" class="input" value="" size="20" type="text"></label>
</p>
<p>
<label for="user_pass">Password<br>
<input name="pwd" id="user_pass" class="input" value="" size="20" type="password"></label>
</p>
<p class="forgetmenot"><label for="rememberme"><input name="rememberme" id="rememberme" value="forever" type="checkbox"> Remember Me</label></p>
<p class="submit">
<input name="wp-submit" id="wp-submit" class="button button-primary button-large" value="Log In" type="submit">
<input name="redirect_to" value="https://botanical-art.baeecorp.org/wp-admin/" type="hidden">
<input name="testcookie" value="1" type="hidden">
</p>
</form>