Archived topic
Blog page and Background Image
8 replies · Started by santus on June 14, 2017
My challenges:
1. My News page which is my blog page in my website http://wellsofrevivalprayerministries.org/blog/ does not allow me to add content articles to it. How do i do that? I need some urgent help.
2. How do i make image the background of my page that is the entire website background page. At the moment i can change colour of the background page but there seems to be no provision for background image.
1. Not sure what you mean? Are you not able to create new Posts in the Dashboard?
2. This should help: https://docs.generatepress.com/article/backgrounds-overview/
Dear Leo,
Thanks for your response,
however the issue with creating post has been resolved.
What is left is the issue of background image. will check your link and get back.
Sounds good!
I used the following to set the background (full page) image on my blog page and single posts. It worked fine but now it has disappeared. Is this the correct CSS.
body.blog {background: url('https://provinciawebdesign.com/wp-content/uploads/2017/07/blog_bg.png') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.single.separate-containers {background: url('https://provinciawebdesign.com/wp-content/uploads/2017/07/blog_bg.png') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Thanks in advance.
Looks fine to me.
Can you open a new topic with a link to your site? Thanks!
I'm wondering why the single post css isn't working for me. I'm plugging it into the Additional CSS section of customize. I've tried many different things and I can't seem to find the right solution. I've got it working for the main blog page but not the individual pages.
body.blog{
background-image: url('wp-content/uploads/2018/10/background-hammer-black-04.png');
background-position: right 0px bottom 45px;
background-repeat: no-repeat;
background-size: 60%
}
.single.separate-containers{
background-image: url('wp-content/uploads/2018/10/background-hammer-black-04.png');
background-position: right 0px bottom 45px;
background-repeat: no-repeat;
background-size: 70%
}
I figured it out. My image link wasn't correct.
Glad you figured out :)
