change the background of sub pages

  • Unknown's avatar
    andregabinio · Member ·

    Hi, I’m trying to make a site for my architecture office, but i need help in my pages. My site have a menu who send the user to sub menus who links a my pages( is where my projects ). So, in this pages the background is the same of the main page, whoever for my projects this background is not funcional, i need a another background when someone click in this sub pages, our just a parcial background, like a another layer up my main background. I think i need a tag to put on HTML, a command or a CSS
    . Thanks a lot!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, we can use page specific CSS classes and target pages for things such as a background image. For your projetos page, if you view the source code for that page, or use the web inspector, you will see this in the opening body HTML tag.
    <body class="page page-id-167...
    The page specific CSS class is page-id-167. So to change the background for that specific page, upload the image to your media library, get the URL of that image and replace URL_OF_IMAGE between the quote marks with the URL of your new image. 

    body.page-id-167::before {
    background-image: url("URL_OF_IMAGE");
}
  • The topic ‘change the background of sub pages’ is closed to new replies.