How to Change Blog Post Background Color
in Blog
Using Betheme, I want the posts on my blog page to stand out from the background. The page background is white and I want the posts to have a gray background. Or a white background with a surrounding shadow boxing it in. How can I do either?
Comments
Hello,
To achieve that, you will have to create custom CSS code and place it in Betheme -> Theme options -> Custom CSS & JS -> CSS.
Do you need help with writing it? If yes, please, let me know and attach a link to your website.
Thanks
Yes!
https://cleanvapor.com/news/
Please, use the following CSS code:
.single-post #Content{ background: #f9f9f9!important; }Thanks
I added that to the CSS section but nothing changed. Both post backgrounds are still white.
See for yourself:
The color changed, but maybe this change is not visible enough.
Please, try to use a different one, for example, #6b6b6b, and check if it changes.
Thanks
I changed the color to #6b6b6b but again no change. I attached a jpg of what I'm trying to achieve.
Sorry, I thought that you were talking about the single post pages.
Remove the previous code, and replace it with the following one:
html .blog_wrapper .post-item{ background-color: #656B6F!important; } .blog_wrapper .post-item .image_frame{ border-color: #656B6F!important; }Thanks
Looks great! Now how can I make them all the same vertical length? I don't mind extra blank space on the bottom if the text is too short.
The best option would be to shorten the post titles or make them the same length because the title is pushing one of these two posts down.
If you would like to modify it with the CSS code, you will have to contact your web developer.
Best regards