- This topic has 5 replies, 3 voices, and was last updated 5 years, 9 months ago by .
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.
Home › Forums › Pro Themes › Travel Insight Pro › Individual Background
Tagged: background
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
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!!
Thank you so much! Worked lika a charme
Hello @melanie-czarnik,
Glad we could help you.
If you have any issues further, please let us know.
Thank you.
Regards!!
thanks
Hello @radhamisra,
Glad we could help.
If you have any issues further, please let us know.
Best Regards!!
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |