Archived topic

Different body background image each page

3 replies · Started by ch1800 on July 24, 2021

Viewing posts 1–4 of 4

July 24, 2021 at 11:43 pm #1869754

Hello,

Is it possible to have a different background image for body on different pages/posts?
And without using any builder or block.

I want to create groups of pages and posts with different background patterns according to their respective topic.

Thanks.

July 25, 2021 at 4:16 am #1869965

Hi there,

simplest way is to use a Hook Element to add your custom styles:

Create a new hook
Add your CSS styles eg.

<style>
body {
    background-image: url('full-url-to-the-image');
    background-size: cover;
    background-repeat: no-repeat;
}
</style>

Set the Hook to: wp_head
Set the Display Rules to the pages / posts or post category etc. for where you want it displayed.

Repeat the above for each different image group.

July 25, 2021 at 4:31 am #1869976

Awesome, many thanks David!

July 25, 2021 at 6:13 am #1870076

Glad to be of help

This archived topic is closed to new replies.