Home Forums Pro Themes  Travel Insight Pro Individual Background

Tagged: 

This topic contains 1 reply, has 2 voices, and was last updated by  wensolutions 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #86223

    Melanie Czarnik
    Participant

    Hey,

    I would like to have different colour backgrounds for different pages (pages not posts). Is this possible? For example – I’d like the starting page with a background image, the second page with a green colour background, third page grey colour background.
    How do I do that?

    Best Melanie

    #86246

    wensolutions
    Keymaster

    Hello @melanie-czarnik,

    This is the example for how you should use the CSS to make the background-color of the specific page/post according to your choice. Target the page-id from developer tools.

    /* This is for posts, without including header */
    .postid-182 {
    	background-color: #d33;
    }
    
    /* This is for posts, with including header */
    .postid-182 #masthead {
    	background-color: #d33;
    }
    /* End for posts */
    
    /* This is for page without including header */
    .page-id-1785 {
    	background-color: #d33red;
    }
    
    /* This is for page without including header */
    .page-id-1785 #masthead {
    	background-color: #d33;
    }
    /* End for page */

    Here change the color code as per your requirement.

    You can get the id of the page/post by going to individual post, page edit screen.

    Screenshot:
    http://prntscr.com/lpx3l5

    Hope this helps.

    Regards!!

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.