Combine elements in CSS to change background in a specific page
-
I am trying to combine more elements in the CSS block, to add a the background image only in a specific page.
If I add a page ID to the code, only the first parameter is overtaken.
Is it not the correct syntax or have I to write 2 separate CSS sets?body.page-id-9,
.site-header.page-id-9 {
background-image: url(“image url”);
background-position: center center;
background-size: cover;
background-repeat: repeat;
background-attachment: fixed;
}With this code, the background of the header doesn’t change. If I enter only body,.site-header {
it works correctly on all pages.
-
Thank you very much for the fast reply, it works!
I could extend it also to the .inside-article area:/*background image on a specific page*/
body.page-id-9,
body.page-id-9 .site-header,
body.page-id-9 .inside-article {
background-image: url(“url image”);
background-position: center center;
background-size: cover;
background-repeat: repeat;
background-attachment: fixed;
}Strangely i see no difference if I set “background-repeat: no-repeat;” but since I need the repeating of the image, it’s ok:)
- The topic ‘Combine elements in CSS to change background in a specific page’ is closed to new replies.
