Solved

How do I change the background color on my policy pages

definitionME
Tourist
10 0 1

I'm using the dawn theme and would like to change the background color for each of my policy pages to #f3f3f3. I've used the code suggested in other answers to this question but it isn't working for me. Thanks in advance!

Accepted Solution (1)
techlyser_web
Shopify Partner
1040 199 209

This is an accepted solution.

Hello @definitionME 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid


<style>

    .focus-none {
          background: #f3f3f3 !important;
     }
    .rte p span {
           background: #f3f3f3 !important;
      }
      .focus-none span {
         background: #f3f3f3 !important;
      }

</style>

techlyser_web_0-1704833463913.png

 

techlyser_web_1-1704833538196.png

techlyser_web_2-1704833591730.png

 

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 9 (9)

techlyser_web
Shopify Partner
1040 199 209

Hello @definitionME 
Can you share page URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
techlyser_web
Shopify Partner
1040 199 209

This is an accepted solution.

Hello @definitionME 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid


<style>

    .focus-none {
          background: #f3f3f3 !important;
     }
    .rte p span {
           background: #f3f3f3 !important;
      }
      .focus-none span {
         background: #f3f3f3 !important;
      }

</style>

techlyser_web_0-1704833463913.png

 

techlyser_web_1-1704833538196.png

techlyser_web_2-1704833591730.png

 

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
definitionME
Tourist
10 0 1

Thank you!

Is there a way to also apply a font color to these pages?

And I've edited the code to apply a different font to the whole store but I don't feel like it's working on the policy pages either. Any ideas?

Thank you!!

techlyser_web
Shopify Partner
1040 199 209

Font color of Font Familiy 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
definitionME
Tourist
10 0 1

#1773B0 RawengulkSans-094

techlyser_web
Shopify Partner
1040 199 209

Hello @definitionME 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid


<style>

    .focus-none {
      color: #1773B0 !important;
    }
    .shopify-policy__title h1 {
       color: #1773B0 !important;
   }

   .rte p a {
       color: #1773B0 !important;
   }

</style>

techlyser_web_0-1704960203728.png

For you have already applied font family and that is working.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
definitionME
Tourist
10 0 1

Thank you!!! This worked perfectly!

techlyser_web
Shopify Partner
1040 199 209

Hello 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid


<style>

    section#shopify-section-template--17104864641281__main {
         background: #f3f3f3 !important;
    }

</style>

techlyser_web_0-1704832240868.png

It may be possible that the section ID is different in your page, please check once.

techlyser_web_1-1704832545825.png

ignore this

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com