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.