Unique Background Per Page, GRidiculous Pro Theme

  • Unknown's avatar
    alankknudson · Member ·

    I am trying to have a different background per page of my website instead of one universal background

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, in the opening body tag for each page on your site, there is a unique page id CSS class defined. You can use that to target individual pages. As an example, your Designer-Solar page has this unique page id class
    page-id-29

    to set a different background image for that page, we would construct the following CSS rule. 

    body.page-id-29.custom-background {
    background-image: url('URL_OF_IMAGE');
}

    You would replace URL_OF_IMAGE between the quote marks with the URL of the image that you uploaded to the media library for Designer-Solar and paste the above rule into your CSS.

    I used the web inspector built into my browser to find the relevant CSS. If you are not familiar with the web inspector in your browser, take a look at our support page on How to Find Your Theme’s CSS where you will find some brief screencasts to get you started with it. I find it an invaluable tool when working with CSS.

  • The topic ‘Unique Background Per Page, GRidiculous Pro Theme’ is closed to new replies.