Home Forums Pro Themes  Travel Insight Pro Individual Background

Tagged: 

This topic contains 3 replies, has 2 voices, and was last updated by  wensolutions 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 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!!

    #87153

    Melanie Czarnik
    Participant

    @wensolutions

    Thank you so much! Worked lika a charme

    #87163

    wensolutions
    Keymaster

    Hello @melanie-czarnik,

    Glad we could help you.

    If you have any issues further, please let us know.

    Thank you.

    Regards!!

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

You must be logged in to reply to this topic.