How to change the color scheme of individual pages?

Solved

How to change the color scheme of individual pages?

Ryan1998
Excursionist
34 0 12

How do I change the color scheme of all my pages apart from home/product page?

To background white, text black.

Url: https://errival.com/products/errival%E2%84%A2-instant-period-cramp-relief-heated-belt 

Accepted Solution (1)

BSSCommerce-HDL
Shopify Partner
1024 345 412

This is an accepted solution.

Hi @Ryan1998

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

 {% unless template.name == 'index' or template.name == 'product' %}
    <style>
      main#MainContent {
          background-color: #ffff;
          color: black;
      }
      .main-page-title {
         display: none;
      }
      main#MainContent a {
        color: #04d1f4;
      }
    </style>
{% endunless %}

Here is result: 

BSSCommerceHDL_0-1719738652236.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 3 (3)

BSSCommerce-HDL
Shopify Partner
1024 345 412

This is an accepted solution.

Hi @Ryan1998

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

 {% unless template.name == 'index' or template.name == 'product' %}
    <style>
      main#MainContent {
          background-color: #ffff;
          color: black;
      }
      .main-page-title {
         display: none;
      }
      main#MainContent a {
        color: #04d1f4;
      }
    </style>
{% endunless %}

Here is result: 

BSSCommerceHDL_0-1719738652236.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Ryan1998
Excursionist
34 0 12

Great!! thank you 👍

BSSCommerce-HDL
Shopify Partner
1024 345 412

@Ryan1998 No problem, Have a good day 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency