- This topic has 3 replies, 2 voices, and was last updated 5 years ago by
.
-
Posts
-
Hello
I am using Premium version and creating child-theme for generatepress theme.
I have added background image by customise.
It has added it each page.User wants background image only frontpage.
So I have tried to make via elements
I have created two elements
– Frontpage-header, selected custom image
– frontpage-layout, selected location rule ; display only in frontpage.question: how do I apply these elements for frontpage?
Do I need to create also page-template-frontpage.php<?php /* Template Name: Front Page Filename: page-template-frontPage */Or should I create seperate header template file , because
image for body backgound, looks like to be inside body-tag.At the moment GeneratePress has added inline.
body {
background-image: url(‘http://domain.fi/wp-content/uploads/2019/08/093001.jpg’);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}header.php
<body <?php body_class(); ?> <?php generate_do_microdata( 'body' ); ?>> <?php /** * wp_body_open hook. * * @since 2.3 */ do_action( 'wp_body_open' );now I have deleted customiser backgound image if I could add it via elements.
Please, What are steps to complete this task, as UI do not have
option to add background image per page?Thanks Mika.
Customer Support
Hi there,
you would just need to use some CSS. Each pages
<body>tag contains classes, some are specific to that page. The home page hashomeso your CSS would look like this:body.home { background-image: url('image_url.jpg'); background-color: #cccccc; /* Fall Back color */ background-position: center; background-repeat: no-repeat; background-size: cover; }Thanks.
Used your way to put image via Css, but in future , I will make UI element to fix image per page.
You’re welcome
- You must be logged in to reply to this topic.