How can I change the font color on certain pages of my website?

Solved

How can I change the font color on certain pages of my website?

MagesLaboratory
Tourist
9 0 0

I'm trying to change the font color on the pages titled "The Mage Team", "About the Shop" (both of which are pages labeled 'page'), and all of the policy pages-- shipping, refund, terms of service, privacy, and contact info. I've tried previous solutions that have worked for others, but no luck. I'd like the font color to be #F1AE1F, and links to be #C046FF, if possible. Web theme is Craft.

themageslaboratory.com 

pw: magic123

Accepted Solution (1)

theycallmemakka
Shopify Partner
1806 437 471

This is an accepted solution.

Hi @MagesLaboratory 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
 main#MainContent .shopify-policy__container * {
    color: #F1AE1F!important;
}
main#MainContent .shopify-policy__container a,
main#MainContent .shopify-policy__container a *{
    color:  #C046FF!important;
}
{% if page %}
 main#MainContent * {
    color: #F1AE1F!important;
}
main#MainContent a,
main#MainContent a *{
    color:  #C046FF!important;
}
{% endif %}
</style>

  

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 2 (2)

theycallmemakka
Shopify Partner
1806 437 471

This is an accepted solution.

Hi @MagesLaboratory 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
 main#MainContent .shopify-policy__container * {
    color: #F1AE1F!important;
}
main#MainContent .shopify-policy__container a,
main#MainContent .shopify-policy__container a *{
    color:  #C046FF!important;
}
{% if page %}
 main#MainContent * {
    color: #F1AE1F!important;
}
main#MainContent a,
main#MainContent a *{
    color:  #C046FF!important;
}
{% endif %}
</style>

  

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

MagesLaboratory
Tourist
9 0 0

Worked like a charm! Thanks!