How to change blog post to same colors as color scheme 2

Shopify Discussion

Topic summary

Changing blog post styling so it uses “color scheme 2” instead of the main scheme on a Shopify blog page. The goal is to apply a different color palette specifically to blog posts at the provided URL.

Proposed approaches:

  • Add a small JavaScript function that detects the blog page and injects CSS to override colors.
  • Use existing, dedicated CSS classes on blog pages to target elements and define new color rules tied to color scheme 2.

A screenshot was shared to illustrate the blog-specific classes (image link provided). No concrete code snippets or step-by-step instructions were given yet.

The original poster requested clarification, indicating they don’t fully understand what to look for in the screenshot or how to implement the changes. Key terms: CSS (style rules that control colors/layout) and JavaScript (script to dynamically apply styles).

Status: unresolved/ongoing. Next step needed: clearer, actionable guidance (e.g., example CSS selectors or code) to apply color scheme 2 to the blog template.

Summarized with AI on December 30. AI used: gpt-5.
1

How do i change my blog posts colors? right now they are just the same color as my main color scheme, but i would prefer it to be color scheme 2 instead

Link to the blog: https://ametacomputer.com/blogs/news/sell-your-it-equipment-to-us

2

Hi @AmetaComputer

There are many ways to do it, like add a javascript function to get the blog page and add CSS and another way is, we have dedicated classes on blog pages so you use them and add CSS accordingly, i have attached a screenshot please check.

https://prnt.sc/z6-o8xecxsp5

if you find this solution is useful please check the accept solution

Thanks

3

Thanks a lot for your answer, i am not 100% i understand what you mean, or what i should do/ look for in the screenshot,

Can you maybe elaborate?