how can i chang backgroung color for login page in mobile for kalles theme

[MASFOU]

how can i chang backgroung color for login page in mobile for kalles theme I want the font color to be white and the page color to be 1e222a

https://drive.google.com/file/d/1VI0WSWDhtXStwwa6UJC5SIgAnOxniBFa/view?usp=sharing

[steve_michael2]

Hi @MASFOU  , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[MASFOU]

pmvshop.com

[steve_michael2]

@MASFOU 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

@media(max-width){
.t4s-drawer__scroll.t4s-current-scrollbar {
    background-color: #1e222a !important;
    color: white !important;
}
form#customer_loginlogin-sidebar a {
    color: white;
}
#t4s-login-sidebar .t4s-drawer__header > span, #t4s-login-sidebar .t4s-drawer__content > span, ul#menu-mb__ul > li > a {
    color: white;
}
#t4s-login-sidebar .t4s-drawer__header, #t4s-login-sidebar .t4s-drawer__content {
    background: #1e222a;
    
}
.page-content input {
    background: #1e222a !important;
    color: white !important;
   
}

}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[MASFOU]

problem is still brother

[steve_michael2]

pmvshop.com   Is this your's store Url ?

[MASFOU]

yes bro

[MASFOU]

https://shopify.com/authentication/67962175656/login?client_id=42bbb8d4-36d3-4d1d-a293-4c829ffdbb89&...

for mobile 

[steve_michael2]

@MASFOU 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file. 

@media(max-width:767px){
.login-card {
    background: #1e222a;
    color: white;
}
.page-content p.ui-subheading--subdued {
   
    color: white !important;
}
.login-footer:not(.mobile) {
    background: #1e222a;

}
.page-content input {
    background: #1e222a !important;
    color: white !important;
   
}
.login-card button[type="submit"] {
    border: 1px solid !important;
    background: #1e222a !important;
    color: white !important;
   
}

}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[MASFOU]

bro it's still why? look please ❤️

[steve_michael2]

The code you provided will only work in mobile view. I have shown the result to you, and please mark my solution as the correct one. Also, please show me where I should insert the code.

[MASFOU]

i know bro this is a mobile view but the proplem is still

[steve_michael2]

please show me where you should insert the code.

[steve_michael2]

Try this code in theme.liquid

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

@media(max-width:767px){
.login-card {
    background: #1e222a;
    color: white;
}
.page-content p.ui-subheading--subdued {
   
    color: white !important;
}
.login-footer:not(.mobile) {
    background: #1e222a;

}
.page-content input {
    background: #1e222a !important;
    color: white !important;
   
}
.login-card button[type="submit"] {
    border: 1px solid !important;
    background: #1e222a !important;
    color: white !important;
   
}

}

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

[MASFOU]

look at the result bro I do everything right

[steve_michael2]

You are pasting it in the wrong place.

[MASFOU]

[steve_michael2]

<style>
@media(max-width:767px){
.login-card {
    background: #1e222a;
    color: white;
}
.page-content p.ui-subheading--subdued {
   
    color: white !important;
}
.login-footer:not(.mobile) {
    background: #1e222a;

}
.page-content input {
    background: #1e222a !important;
    color: white !important;
   
}
.login-card button[type="submit"] {
    border: 1px solid !important;
    background: #1e222a !important;
    color: white !important;
   
}

}


</style>

[steve_michael2]

Mark my solution

[MASFOU]

OMG it's still idk why😕

[MASFOU]

i think the problem in style