@LitExtension How do I change the colors of the cart page/cart preview page? As well as the card on the homepage. I just want the font to be one of the other darker background colors instead of the lighter blue one.
hi @eeveefox
This is PageFly - Free Landing Page Builder.
This can be achieve by using custom css code which more easier for you. Please help me by share your site URL and password if password protected. I will check out the issue and provide you a solution here.
Hope this helps.
Best regards,
PageFly
you can try this
Step1: Online store > Themes > Edit code > search for your theme file base.css
Step2: Paste the code to the end of the file
.card__content .card__heading a , .card__content .price , .card__content .quick-add button {
color: black !important;
}
Didn’t work @PageFly-Victor
can you take a screenshot at where you added it? @eeveefox
Hi @eeveefox ,
Go to Assets > base.css and paste this at the bottom of the file:
.card-information__wrapper>*,
.price--on-sale .price-item--regular {
color: #000 !important;
}
Hope it helps!
Still didn’t work @LitExtension
I put is where you said base.css at the bottom @PageFly-Victor same thing with the code @LitExtension gave
Hi @eeveefox ,
Please send your site and if your site is password protected, please send me the password. I will check it.
in your inbox from previous chats. @LitExtension
Hi @eeveefox ,
Go to Assets > base.css and paste this at the bottom of the file:
.collection .card__content * {
color: #000 !important;
}
Hope it helps!
It’s still not working. It’s not even the right colors. !important should be orange and color should be purple right? I don’t know why it won’t work. I even tried typing it out myself versus copy and pasting. @LitExtension
The button didn’t change. How do I add that? @LitExtension
Hi @eeveefox ,
Go to Assets > base.css and paste this at the bottom of the file:
.collection .card__content .button{
border: solid 0.1rem #243c31!important;
}
.collection .card__content .button:before,
.collection .card__content .button:after {
box-shadow: none !important;
}