I how can i set a different background pattern for each page

I how can i set a different background pattern for each page.

Hello There,

Thanks for writing in! By default, you can only set one global pattern in the theme options, X > Theme Options > Layout & Design > Background Options. Settings a background pattern in each individual pages can only be done with custom css. To illustrate it, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.page-id-1 {
  background-image: url(http://via.placeholder.com/50x50/fffeee);
}

.page-id-2 {
  background-image: url(http://via.placeholder.com/50x50/f3f3f3);
}

.page-id-3 {
  background-image: url(http://via.placeholder.com/50x50/fff000);
}

The code is an example to set a background pattern for pages 1,2 and 3. As you can see in the code it is using the .page-id-n where n is the ID of the page. To know where to get the ID of the page, please check this out: https://theme.co/apex/forum/t/setup-how-to-locate-post-ids/59

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.