All things Shopify and commerce
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
Hello,
Need help setting the desktop text colour as a different colour to the mobile view.
This is the desktop view.
and this is mobile. As you can see, i need the text a darker colour.
Any help would be appreciated.
StarMintz - The UK's First Teeth Aligner Sugar Free Mints
Solved! Go to the solution
This is an accepted solution.
Hey @StarMintz
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (max-width: 767px) {
.banner__box p {
color: black !important;
opacity: 0.5 !important;
}
.banner__box h2 {
color: black !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @StarMintz
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (max-width: 767px) {
.banner__box p {
color: black !important;
opacity: 0.5 !important;
}
.banner__box h2 {
color: black !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Perfect, is it possible to change the colour to a specific colour, #366964?
Just replace the word "black" with any color code you want and it should be good to go.
Best Regards,
Moeed