Login button and login popup styling

[hilmanf]

I Need 2 styling that related to my UX and conversion. site: arkademi.com 1. Login button (right above) (masuk = login) Original : https://prnt.sc/mqpoe1 Need to improve like this: https://prnt.sc/mqpolm Note that there is no need backgound button when user has logged in. The color button only need to make login/register CTA easier to be find. 2. Login/register Popup (masuk = login , daftar = register) Original: https://prnt.sc/mqpqbz As you see, login and register button is aligned side by side. It causes misleading that user thinks they can register by filling username/password. Need to improve like this: https://prnt.sc/mqpr1m Thanks

[logan]

Hello, Put this code in wp-admin > appearance > customize > custom css. header.sleek ul.topmenu a.vbplogin span{     border: 1px solid;      padding: 15px 15px;     border-radius: 10px;      background: #da582c;      color: #ffffff;      font-size: 15px;      position: relative;      top: -13px;     }   header.sleek .popup_login .inside_login_form li:first-child{width: 92% !important; margin: 10px 15px!important;} header.sleek .popup_login .inside_login_form li:last-child{ width: 70% !important; margin: 5px 50px !important;}     header.sleek .popup_login .apsl-login-networks span.apsl-login-new-text {text-align: center;} header.sleek .popup_login .social-networks a div{width: 160px!important;} header.sleek .popup_login span.apsl-long-login-text {font-size: 9px !important; line-height: 0px;} Refer: http://prntscr.com/mr6yua -----  http://prntscr.com/mr6z33

[hilmanf]

Thanks @Logan. It works. But i need to add some texts between Login (Masuk, blue button) and Register (Daftar, orange button). Like: 'Don't have account? Please register' Refer: https://prnt.sc/mwu4ba and https://prnt.sc/mqpr1m

[logan]

Hey,

Put this code in wp-admin > appearance > customize > custom css.

#vibe_bp_login .inside_login_form li:nth-child(2):before {content: "Belum Punya akun?"; position: relative; top: -5px;} Refer: http://prntscr.com/mx4uex

[hilmanf]

Thanks buddy. It works perfect.

[logan]

Hello, Cheers ! If you find our information to be helpful & you wouldn’t mind leaving a review, we would really appreciate that! Reviews help us to not only improve our products and services but also to let others know that we care about delivering the best quality. Here: https://themeforest.net/item/wplms-learning-management-system/reviews/6780226 If I can be of assistance, please do not hesitate to contact me again. Thanks & Regards :)

[Author]

Posts