Home Forums Pro Themes  Travel Insight Pro Individual Background

Tagged: 

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

    #91516
    radhamisra
    Participant

    thanks

    #91598
    wensolutions
    Keymaster

    Hello @radhamisra,

    Glad we could help.

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

    Best Regards!!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.