How can I change the blog post background color to #007744?

Store Design
1

Hello,

I wish to change the background color for this blog post page: https://etune.se/blogs/nyheter/om-emf

Does somone know what to do? Color code is #007744

Any help is much appreciated!

Kind regards

2

Hello @Etune ,

Please add the below mentioned code in your theme.liquid file before tag.

article.article-template { background-color: #007744; }

If you want to change the background color of the complete site. then you can add this code in your theme.liquid file before tag

main#MainContent { background-color: #007744; }

I hope the code helps you.

Thank you.

1 Like
3

Hello Etune,

To change the background color for a specific blog post page,

you’ll need to modify the CSS for that particular page,

Here’s a step-by-step guide on how to achieve this:

1. Access your Shopify Admin Dashboard

2. Navigate to the Theme Editor

  • Go to “Online Store” in the left-hand menu.
  • Click on “Themes.”
  • Find and click on “Actions” next to the theme you’re using, then select "Edit code.

3. Locate the base.css file

4. Add CSS to change background color(add this CSS code in the bottom)

body.blog-template {
    background-color: #007744;
}

Save changes.

1 Like
4

Hello, thank you for you help Anshul, my theme liquid file is not the same as CSS code right? Not sure if I understand where I am to enter the code

Again, thank you very much for taking the time to help!

Kind regards
David

5

I found it, thank you very much! If i wish to change the color of the text to #F8D26B, do i put it in here somewhere as well? Change text for the complete site I mean. Deeply appreciated!

Kind regards
David

6

Thank you for taking the time, I got the issue resolved from the comment above, Have a great weekend, Kind regards
David