Changing Color scheme for Blog Page (Dawn)

Store Design
, , ,
1

Hi, I am looking to modify my blog’s default dawn theme. Currently, it has a black background and white text which is not ideal for the blog page and posts. I would like to switch to a white background and black text for a better reading experience(just for the blog page). I don’t want to make any changes to other parts of the website, just the blog page and posts. Can you please suggest a solution for this?

2

Would you mind to share your URL website? with password if its protected. Thanks!

3

Hi, thank you for your reply. That’s the first time I’m getting help from the forums so I think store name + myshopify = Store URL right? if so that’s my store URL:> > wewesen.myshopify.com> > if you were asking for the normal url it is https://www.wewesen.com

4

Hi @yavuz-wewesen

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • 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--14667004510272__main {
    background: white;
}
section#shopify-section-template--14667004510272__main * {
    color: black;   
}

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

5

it worked! thank you for your time and help :blush:

6

Hello there,

I tried to alter the text on my blog post using this code and it didnt work.
Recently I upgraded my Dawn theme from 3.0 to 15.0 and as a result my blog post text is white (unreadable). The developer will not do anything to help.
Here is a link to one of my blog posts https://www.lezzeri.com/blogs/lezzeri-light-love/what-is-gold-plated-jewellery

Are you able to advise how to change this text colour in my blog posts only please?
Thank you!

7

I understand I’m late to the party here, but I’m trying to do the same thing for my blog posts. The code above isn’t working for me at the bottom of my base.css. Could you assist? I would like a white background with black text.

8

Hi @AvyCoffee

It’s better to be late than never. Please share your store URL. Thanks!