Hello I want to change the background colour of the blog post page to #FFF7FC , which is a light pink colour. How can I do it? Thanks.
Topic summary
A user wants to change their blog post page background color to #FFF7FC (light pink).
Solutions Provided:
Two community members offered CSS-based solutions:
- Option 1: Add CSS code to the bottom of the ‘base.css’ file in the assets folder:
.halo-article-content {
background: #FFF7FC !important;
}
- Option 2: Insert custom CSS in the theme.liquid file, just above the closing
</body>tag in the code editor.
Both approaches target the blog post background using custom CSS. The discussion appears resolved with actionable solutions provided, pending confirmation from the original poster.
Hey,
I am providing the css. if doesn’t work, then please share the store url. If works, please mark as this as a solution.
Add this css code to the bottom of the ‘base.css’ file under the assets folder.
.halo-article-content {
background: #FFF7FC !important;
}
1 Like
Hey @Vizono
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like