Archived topic
Setting Background image for a post
3 replies · Started by Tim on January 11, 2017
Hello,
I want to set different background images for different posts
To this end, I made a template in Beaver builder that I can assign to post and this works but seems like overkill, you can see an example, the background image is rendered beautifully
http://aaa.greaterthanthesum.com/showing-up-practice/
I then installed Toms simple css plugin which allows me to add css per-post, so on a post I am trying
body {
background: #ffffff url("choc82_by_jojo22-d894ck2-4-e1483979609318.jpg");
background-repeat: no-repeat;
background-position: 0% 0%;
background-attachment: fixed;
background-size: 100% auto contain;
}
you can see it here:
http://aaa.greaterthanthesum.com/monster-map-1/
This should give the same effect as the BB version, but the image is grainy
The pic is large about 3000w x 4000h
Is there a way to get this to render with the sharpness and clarity as the Beaver builder version
Thanks
This is the CSS BB is using:
body {
background-image: url(http://aaa.greaterthanthesum.com/wp-content/uploads/2017/01/choc82_by_jojo22-d894ck2-4-e1483979609318.jpg);
background-repeat: no-repeat;
background-position: left top;
background-attachment: fixed;
background-size: cover;
}So using that per page should work the exact same.
I thought I had tried that and it did not work any better than what I had, but now it works, oh well, sorry to bother you
Thanks for the help
No problem :)
