# Custom Login Page?

**URL:** <https://forum.wixstudio.com/t/custom-login-page/38368>\
**Category:** Ask the community\
**Tags:** question, design, code\
**Created:** [July 7, 2021, 6:39pm UTC](https://forum.wixstudio.com/t/custom-login-page/38368 "2021-07-07T18:39:57Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![niallmagner](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/niallmagner/32/15661_2.png) [@niallmagner](https://forum.wixstudio.com/u/niallmagner)\
**Post date:** [July 7, 2021, 6:39pm UTC](https://forum.wixstudio.com/t/custom-login-page/38368/1 "2021-07-07T18:39:57Z")

</div>

I have designed a login page for my website using javascript and css with visual studio code. I want to use this design and code on Wix. Can you help me?

Please see screenshots:

 ![](https://us1.discourse-cdn.com/wix/original/3X/0/7/0746a144a6e2192961dcf1d31df40a7f5ba46a64.jpeg)

 ![](https://us1.discourse-cdn.com/wix/original/3X/7/3/73e3a27915e44a6c8e69c84f4239b64195129973.jpeg)

 ![](https://us1.discourse-cdn.com/wix/original/3X/1/5/1523d1c74d49eeb1641e111fca8e3e293c02210a.jpeg)

CSS code:  
Body {  
background : url ( /images/srtc-graph.jpg );  
font-family : Arial , Helvetica , sans-serif ;  
margin : 0 ;  
padding : 0 ;  
}  
.login {  
width : 382 px ;  
overflow : hidden ;  
margin : auto ;  
margin : 20 0 0 450 px ;  
padding : 80 px ;  
background : white ;  
border-radius : 15 px ;  
border-style : solid ;  
border-color : gray ;  
border-width : 0.2 px ;  
}  
h2 {  
text-align : center ;  
font-size : 30 px ;  
color : navy ;  
padding : 20 px ;  
}  
label { color : black ;  
font-size : 15 px ;  
margin-left : 30 px ;  
}  
[#Uname](https://www.editorxcommunity.com/forum/search/~num~Uname) {  
width : 300 px ;  
height : 30 px ;  
border : grey ;  
border-color : black ;  
border-style : solid ;  
border-width : 0.5 px ;  
border-radius : 2 px ;  
padding-left : 8 px ;  
margin-left : 30 px ;  
}  
[#Pass](https://www.editorxcommunity.com/forum/search/~num~Pass) {  
width : 300 px ;  
height : 30 px ;  
border : grey ; border-color : black ;  
border-style : solid ;  
border-width : 0.5 px ;  
border-radius : 2 px ;  
padding-left : 8 px ;  
margin-left : 30 px ;  
}  
[#log](https://www.editorxcommunity.com/forum/search/~num~log) {  
width : 312 px ;  
height : 30 px ;  
border-style : solid ;  
border : black ;  
border-radius : 17 px ;  
padding-left : 7 px ;  
background-color : black ;  
color : white ; margin-left : 30 px ;  
}  
[#check](https://www.editorxcommunity.com/forum/search/~num~check) {  
width : 15 px ;  
height : 15 px ;  
border-style : solid ;  
border : black ;  
margin-left : 30 px ;  
}  
div .a {  
text-indent : 30 px ;  
margin-left : 30 px ;  
}