Home › Forums › Support › Is there a way to make the header a different color on different pages? This topic has 7 replies, 2 voices, and was last updated 5 years, 7 months ago by Leo. Viewing 8 posts - 1 through 8 (of 8 total) Author Posts August 29, 2018 at 10:32 am #663550 Perrin For example, I’d like it to be one color on the homepage and another color on interior pages. Any way to do that? Thanks! August 29, 2018 at 11:42 am #663581 LeoStaff Customer Support Hi there, Any chance you can link us to the site in question? You can edit the original topic and use the private URL field. Let me know π August 29, 2018 at 11:43 am #663582 Perrin Done (although there are no inner pages yet). August 29, 2018 at 11:45 am #663586 LeoStaff Customer Support If you use Tom’s Simple CSS plugin, it gives you a CSS metabox for each page, then you can use the CSS here to change the color of the header: .site-header { background-color: #fff; } Adding CSS: https://docs.generatepress.com/article/adding-css/ Let me know π August 29, 2018 at 11:48 am #663587 Perrin Yep; but won’t that change the color site wide? I’d like to change it on the header only :/ August 29, 2018 at 12:10 pm #663596 LeoStaff Customer Support If you use Tomβs Simple CSS plugin, it gives you a CSS metabox for each page. The CSS added in there will only apply to that page. Alternatively, you can add a page ID class to it targets the specific page: .page-id-xx .site-header { background-color: #fff; } August 29, 2018 at 12:11 pm #663597 Perrin THANK YOU. This should be it π August 29, 2018 at 12:14 pm #663600 LeoStaff Customer Support No problem π Author Posts Viewing 8 posts - 1 through 8 (of 8 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In