• Resolved sleeplessindc

    (@sleeplessindc)


    Hi. Nice plugin. Works great in my Twenty Seventeen Child Theme on WP 4.8. I’d like to round the corners of the login box to match the rounded corners of everything else on my website. How can I address that border in my child theme’s style.css? I have tried the following but it didn’t work:

    
    .logincust #loginform {
    	border: 5px double #999 !important;
    	border-radius:16px !important;
    }
    
Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello,

    Please share the URL where I can see that so I can try to help you with some custom CSS.

    Thread Starter sleeplessindc

    (@sleeplessindc)

    Thread Starter sleeplessindc

    (@sleeplessindc)

    @poonam9, Do you have some CSS suggestions yet for how to round the corners of the login box? I’ve tried the following but it isn’t working:

    /*--------------------------------------------------------------
    7.1 Login form
    --------------------------------------------------------------*/
    
    .login #login form#loginform {
    	border: 5px double #999 !important;
    	border-radius: 16px !important;
    }
    
    #login ul.square {
    	color: #fefdff !important;  /*----Splashed white ----*/
    	background-color: transparent;
    	margin: 0 0 0 22px;
    	padding: 0 0 0 22px;
    	}
    
    #login ul.square li {
    	color: #fefdff !important;  /*----Splashed white ----*/
    	background-color: transparent;
    	list-style: square outside !important;
    	margin: 0 0 0 10px;
    /*	padding: 1em 0 0.3em -1em !important; */
    	padding: 3px 5px !important;
    	}
    
    #login p#backtoblog a:link {
    	color: #2662ef;    /*  Bright blue  */
    	background-color: transparent;
    	font-size: 90%;
    	font-weight: 400;
    }
    
    #login p#backtoblog a:hover, #login p#backtoblog a:focus {
    	color:#ddff22;    /*  vivid yellow  */
    	background-color: transparent;
    	font-size: 90%;
    	font-weight: 400;
    }
    
    #loginform {
    	border-radius:16px;
    }
    
    #login .loginform {
    	border-radius:16px;
    }
    

    Hello, for custom coding support we recommend hiring a freelancer to assist with modifications to your website.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to round corners of login box?’ is closed to new replies.