What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Change background color for Blog Post

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

Etune
Tourist
11 0 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

Replies 5 (5)

Anshul_arora
Navigator
453 128 100

Hello @Etune ,

Please add the below mentioned code in your theme.liquid file before </body> tag.

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

</style>

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

<style>

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

</style>

I hope the code helps you.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
Etune
Tourist
11 0 1

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 

Etune
Tourist
11 0 1

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

websensepro
Shopify Partner
1289 145 166

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. 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

Free Shopify Beginner Tutorial
Etune
Tourist
11 0 1

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