Change Color of Blog Page, Blog Posts, and Policies Pages

[HangoverHelper]

Hi! For my blogs, including the blog posts themselves, and policies, like the privacy policy, etc., I can't seem to edit the background color and color of the texts.

Is it possible to change the background to #070909 and texts to #FFFFFF and main heading/title to #F29D52?

Thank you so much in advance! Currently trying to figure it out as well.

tryhangoverhelper.com

https://51d86a-2.myshopify.com/

Password: steiyi

[Liquid_xPert_SJ]

@HangoverHelper 

The blog will be looks like this after adding your css code to the site. is that ok so that i will share the code?

Thanks

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Add the code below to the base.css file

.main-blog h1,
.blog-articles .card__information .h2 {
    color: #F29D52 !important;
}
#shopify-section-template--22716421833017__main {
    background-color: #070909 !important;
    color: #fff !important;
}

After modification:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[HangoverHelper]

Hi! Thanks! It worked. If this is also possible with the blog posts and policies (found in footer) that would be much appreciated! ^_^

[AnneLuo]

Okay.  Just add the code to the base.css file

#MainContent{
  background-color: #070909 !important;
}
.shopify-policy__container {
    color: #fff !important;
}
.shopify-policy__title h1,
.shopify-policy__body h2, 
.shopify-policy__body h3 {
    color: #F29D52 !important;
}

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[BSSCommerce-HDL]

Hi @HangoverHelper,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css or theme.css 

Step 3: Insert the below code at the bottom of the file -> Save

.card__information {
    color: #ffff !important;
 }

.card__information .h2 a {
    color: #F29D52 !important;
 }


.card__information time {
     color: #ffff !important;
 }

 main#MainContent {
    background-color: #070909 !important;
 }

 h1.title--primary.scroll-trigger.animate--fade-in {
    color: #F29D52 !important;
}

Here is result: 

Hope this can help you

[HangoverHelper]

Hi! Thank you! It worked. If this is also possible with the blog posts and policies (found in footer) that would be much appreciated! 🙂

[BSSCommerce-HDL]

Hi @HangoverHelper , Pls insert this code to your file css : 

.footer-block__heading.inline-richtext {
    color: #f29d52 !important;
}

Hope this can help you