Editing default blog/blog post colours

[junglecatclub]

Hello, does anyone know why there is no option to set the colour scheme on a blog / blog post template?

These seems really strange/annoying i'm not sure if im missing something

But if not can an anyone please supply me with a code that will set the background colour and ALL text to the same shade

Background will be #EEE9DD

Text will be #353535

thank you!

[B2Bridge]

Hi @junglecatclub 
Can you kindly share your store link (with the password, if any) and details of your problem (screenshot/ record) with us? We will check it and suggest you a solution if possible.

[junglecatclub]

https://jungle-cat-club.myshopify.com/

in the blog post template edit mode there is no option anywhere to select the colour scheme

[junglecatclub]

and currently background and text are both white..

[rajweb]

Hey @junglecatclub ,

You're right—Shopify's blog and blog post templates don't always have built-in color scheme settings like other sections. However, you can manually apply your desired background and text colors using custom CSS.

Follow these steps:

1. Online store > Themes > Edit Code

2. Open theme.liquid (found in the Layout folder)

3. Scroll down to find the closing </head> tag

4. Add the following CSS just above </head>:

<style>
  /* Set background and text colors for blog and blog posts */
  .template-blog, .template-article {
      background-color: #EEE9DD !important;
      color: #353535 !important;
  }

  /* Ensure all text elements use the correct color */
  .template-blog h1, .template-blog h2, .template-blog h3,
  .template-blog p, .template-blog a, .template-blog span,
  .template-article h1, .template-article h2, .template-article h3,
  .template-article p, .template-article a, .template-article span {
      color: #353535 !important;
  }
</style>

This method forces the color scheme across blog pages and articles. Let me know if you need further refinements!

If I was able to help you, please don't forget to Like and mark it as the Solution!

Best Regard,
Rajat

[junglecatclub]

hellol thank you but this didnt work, any ideas why?

[Made4uo-Ribe]

Hi @junglecatclub 

TRy this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

section#shopify-section-template--20735956385997__main {
    background:#EEE9DD;
    color: #353535;
}

• And Save.
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[junglecatclub]

hello, that has updated the blog template

but still need to adjust blog POST template background to #EEE9DD

if you can help me please

thank you so much!

[Made4uo-Ribe]

Which blog post template are you referring to? Please share the URL or let me know the current theme you're working on.

[junglecatclub]

the blog post template https://admin.shopify.com/store/jungle-cat-club/themes/158057070797/editor?previewPath=%2Fblogs%2Fne...

thannk you

[Made4uo-Ribe]

Thanks for the info, but this is an admin page. I only need the preview of the blogs. 

[junglecatclub]

sorry what do you mean? how can i give the preview?

[Made4uo-Ribe]

If it publish theme you just give provide the store URL.

If it another theme that your working currently click preview. 

And copy paste the link priview on this button. 

And please share who is requesting to check your blog post. It would be difficult for us to provide a solution without seeing the problem.

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!