How to change the background of a blog post in css: using BehorseRiding theme

madik1986 · March 2016

Hi there,
Thanks for a great theme! I absolutely love it.
I am working on this website for this non-profit: http://cowhorse.ca/

Every page has this nice greyish textured background like on this page: http://cowhorse.ca/clinics/
This is this greyish background: http://cowhorse.ca/wp-content/uploads/2015/10/home_horse_riding_texture.jpg

I have a problem with the blog post page background. Right now, it's transparent like here: http://cowhorse.ca/sample-blog-post-1/
I would like this section on the blog post with this "div id="Content" to have this textured background mentioned above.

Could you please let me know which CSS file I need to tweak and which line? Thank you very much. I couldn't find anything related to that in the BeTheme Options.

This screenshot might help you: https://drive.google.com/file/d/0B0EjBVk91B-oUF9HZW9mMjljNWc/view?usp=sharing

madik1986 · March 2016

Albert · March 2016

Hey,

sure, we can

To get the same texture as single post pages, you need to use the following css:

.single-post #Content { background-image: url('http://cowhorse.ca/wp-content/uploads/2015/10/home_horse_riding_texture.jpg') !important; }

madik1986 · March 2016

Which Css file should I use?

Albert · March 2016

Each custom css should be located under Theme options > Custom CSS & JS > Custom CSS section.

madik1986 · March 2016

THANK YOU!!!!!! YOU ARE AMAZING.

Albert · March 2016

You're welcome!

Comments