Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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
pmvshop.com
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!
problem is still brother
pmvshop.com Is this your's store Url ?
yes bro
@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!
bro it's still why? look please ❤️
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
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!
look at the result bro I do everything right
You are pasting it in the wrong place.
<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>
Mark my solution
OMG it's still idk why😕
i think the problem in style