Archived topic
Background Image
8 replies · Started by Sanu Kumar on November 18, 2020
Can I add a background image in only this page?
URL: https://masteryblogging.com/black-friday-deals/
Hi there,
you can use this CSS to target that Page by its ID:
.page-id-6995 #page {
background-image: url('the_full_url_to_your_background_image');
}I am looking to give an exact same look like GP is using on their homepage.
https://generatepress.com/
Are they using background image or anything else?
Are they using background image or anything else?
Yes it is using a background-image applied to the <body> tag.
how do I get the same
The site uses this CSS properties:
body {
overflow-x: hidden;
background: url(xxxx);
background: url(xxxx),linear-gradient(transparent,transparent);
background-repeat: no-repeat;
background-size: 100% auto;
}But we highly discourage taking image files you don't own. Consider hiring a Graphic Designer to create assets for your site or get one from license free graphic asset library sites.
I'm just looking to add this only in this page: masteryblogging.com/black-friday-deals/
and may I know from where do I get these license background images?
The images used in the GP site were custom designed specifically for GP. You would need to source your own images.
The code i provided here is what you still require for adding the image to that specific page:
https://generatepress.com/forums/topic/background-image-9/#post-1535979
