Different background images on different pages

Hi,

This question has already been asked on this forum. I used the CSS that was provided but I am still having a problem: the background images do not show on the individual pages.

Example for this page: http://lunademol.com/concerts/
I added the following CSS in the custom CSS field:

    body.page-id-218.custom-background {
    	background: url("/wp-content/uploads/2019/05/Luna_de_Mol.HihgRes.©Foppe_Schut_7FS0372_cropped.png");
    	background-repeat: no-repeat;
    	background-position: top;
    	background-size: cover !important;
    }

but the image does not show. Can you help?
Thanks!

Hello there,

Try this code:

    body.page-id-218 {
      background: url("http://lunademol.com/wp-content/uploads/2019/05/Luna_de_Mol.HihgRes.%C2%A9Foppe_Schut_7FS0372_cropped.png");
      background-repeat: no-repeat;
      background-position: top;
      background-size: cover !important;
    }

Regards,
Kharis

It works!
Thx a lot for the quick reply.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

Hi Kharis,
This is a follow up on my previous question.
I changed the content of the page (https://lunademol.com/concerts) by adding a plugin to display an event calendar. By doing so, the background image no longer shows. The page id has not changed, so how do I make the image show again?
Here is the code I currently have:

    body.page-id-218 {
          background: url("http://lunademol.com/wp-content/uploads/2019/05/Luna_de_Mol.HihgRes.%C2%A9Foppe_Schut_7FS0372_cropped.png");
          background-repeat: no-repeat;
          background-position: top;
          background-size: cover !important;
    }

Thank you

Hello there,

That is actually an archive page – not a regular page as it was before.

Try this CSS code:

    .archive.post-type-archive-tribe_events {
      background: url("http://lunademol.com/wp-content/uploads/2019/05/Luna_de_Mol.HihgRes.%C2%A9Foppe_Schut_7FS0372_cropped.png");
      background-repeat: no-repeat;
      background-position: top;
      background-size: cover !important;  
    }

Regards,
Kharis