I was able to have a background image (wallpaper) set on the blog page but only in the header. Nor on the page settings nor on the theme settings I can find where I can have the background image covering the whole page? Please help.
I put a background image there but it does not show on the blog page blog/ by the way I only want it to show in the blog page not on the other pages. Let me know. Thanks.
The background color on the page, please paste this css to theme options>custom css&js>css and save, then refresh the blog page. If it does not change then please disable cache plugins and remove browser cache.
Thanks for the code, it works for me also. I just have another question. How do you format the post page. On the blog list page the background is sorted but when I open a blog it defaults back to the transparent format?
Hi, Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link. It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co thanks
I would like to have the same background (cover) on this blog page https://www.homecrew.nl/blog/ as on this homepage https://www.homecrew.nl/, but your CSS does not seem to do the job. Looking forward to the solution?
Even when I use this CSS on the page builder itself it does not cover the whole page
If you check https://www.homecrew.nl/ and compare it with https://www.homecrew.nl/blog/ you see that the blog page wallpaper background is not as spread out (setting: cover) als the homepage. For consistent design reasons we would like to have the blog background exactly the same as the homepage background.
Setting on homepage in the Muffin Builder is : Background | Size = cover
Thanks for understanding and looking forward to the trick to fix this
This will be not possible since the pages differ in height of the content and the background adjusts to the size of the container since it is set to cover. If you want it to be consistent please create a small background image and make it contain and repeat. This way it will be possible.
Comments
body.blog #Wrapper {background: red !important;
}
Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks
Try to add this background to the Content, like this:
body.blog #Content {} instead of .mcb-section
thanks
If you want it to be consistent please create a small background image and make it contain and repeat. This way it will be possible.