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
Hi @MASFOU , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks
- Go to Online Store → Theme → Edit code.
- 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!
problem is still brother
pmvshop.com Is this your’s store Url ?
yes bro
- Go to Online Store → Theme → Edit code.
- 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!
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.
i know bro this is a mobile view but the proplem is still
please show me where you should insert the code.
Try this code in theme.liquid
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
@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!
look at the result bro I do everything right
You are pasting it in the wrong place.
i think the problem in style
Mark my solution