Title: Header/Body Background Colour Last modified: August 22, 2016 --- # Header/Body Background Colour * Resolved [Roger Berkeley](https://wordpress.org/support/users/roger-berkeley/) * (@roger-berkeley) * [11 years, 6 months ago](https://wordpress.org/support/topic/headerbody-background-colour/) * Hey Kaira, * Is there any way to change the background colour of the header and the body of the pages? I’ve tried changing the background colour but that doesn’t affect it (although it does change the body when using the full width layout, but I’m opting for the boxed layout instead). I can’t include a link to my site as it’s disabled * Thanks Viewing 13 replies - 1 through 13 (of 13 total) * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [11 years, 6 months ago](https://wordpress.org/support/topic/headerbody-background-colour/#post-5784929) * Hey there Roger, * Hope you’re well today! * This should be possible with some custom CSS. Could you please try adding the following CSS to Appearance >> ALBAR Settings >> Styling Settings >> Custom CSS: * ``` .site-header-one .site-top-bar { background-color: #000; } .site-header .header-bar { background-color: #000; } .header-bar-inner { background-color: #000; } .site-header-one .site-header-right { background-color: #000; } div#primary { background: #000; } ``` * This should change background color of the header and content. Replace the color hex value. You can use sites similar to this one to get hex value for the color of your choice: * [http://www.color-hex.com/](http://www.color-hex.com/) * Hope this helps 🙂 * Best regards, Bojan * Thread Starter [Roger Berkeley](https://wordpress.org/support/users/roger-berkeley/) * (@roger-berkeley) * [11 years, 6 months ago](https://wordpress.org/support/topic/headerbody-background-colour/#post-5785199) * Ah that’s great thanks Bojan. Just when I tried it the page header and the sidebar were white. I managed to change the page header by adding: * ``` .page-header { background-color: #000 } ``` * But I don’t know how I’d change the sidebar…codes like * ``` .sidebar1 { background-color: #000 } ``` * don’t seem to be working. * I’m new to html so I’m just going by trial and error, but if you could give me the right code that would be great! * Thanks * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [11 years, 6 months ago](https://wordpress.org/support/topic/headerbody-background-colour/#post-5785204) * Hey there Roger Berkeley, * How are you doing today? * You can change the background color of the sidebar by adding this custom CSS code to Appearance >> ALBAR Settings >> Styling Settings >> Custom CSS: * ``` div#secondary { background: #000; } ``` * Replace the color hex value to the one of your choice, you can find color hex values for the colors in the link I posted above. If this doesn’t work could you please post link to your site so I can take a look? * Best regards, Bojan * Thread Starter [Roger Berkeley](https://wordpress.org/support/users/roger-berkeley/) * (@roger-berkeley) * [11 years, 6 months ago](https://wordpress.org/support/topic/headerbody-background-colour/#post-5785217) * Great thanks, that should work. However my Albar settings seem to have disappeared and I don’t know why! the tab still exists on the menu, but when I click into it, it has the different menu tabs (General, Slider, Styling, etc) but there are no settings visible… * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [11 years, 6 months ago](https://wordpress.org/support/topic/headerbody-background-colour/#post-5785218) * Hey there Roger, * I’m not sure I’m following there, could you please post screenshot of your settings so I can compare it to mine. This is how it looks on my end [http://screencast.com/t/sMUKdGRHDDv](http://screencast.com/t/sMUKdGRHDDv). * Best regards, Bojan * Thread Starter [Roger Berkeley](https://wordpress.org/support/users/roger-berkeley/) * (@roger-berkeley) * [11 years, 6 months ago](https://wordpress.org/support/topic/headerbody-background-colour/#post-5785223) * Yeah mine used to look like that but it’s changed for some reason. Here’s a picture of it now: [https://drive.google.com/file/d/0BwktjPfxamhWQjRXNWNrU2dXNVU/view?usp=sharing](https://drive.google.com/file/d/0BwktjPfxamhWQjRXNWNrU2dXNVU/view?usp=sharing) * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [11 years, 6 months ago](https://wordpress.org/support/topic/headerbody-background-colour/#post-5785224) * Hey again Roger, * Could you please try testing for possible plugin conflicts. Disable plugins one by one and see if one of the plugins is causing this. * You can also try renaming the /plugins/ folder which will do a soft deactivation on all plugins and providing you don’t open the admin plugin page they won’t become deactivated in the database. You can then create a new /plugins/ folder and either move the plugins across one at a time or in batches whilst continuously testing. * Let me know if you find out anything 🙂 * Best regards, Bojan * Thread Starter [Roger Berkeley](https://wordpress.org/support/users/roger-berkeley/) * (@roger-berkeley) * [11 years, 6 months ago](https://wordpress.org/support/topic/headerbody-background-colour/#post-5785225) * That’s great thanks, it was the ‘Really Simple Events’ plugin. I applied the code, but the bottom of the sidebar is still white [https://drive.google.com/file/d/0B_8X2C9f0VxpVVQyM19seG5EWTQ/view?usp=sharing](https://drive.google.com/file/d/0B_8X2C9f0VxpVVQyM19seG5EWTQ/view?usp=sharing) * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [11 years, 6 months ago](https://wordpress.org/support/topic/headerbody-background-colour/#post-5785226) * Hey there Roger, * Would it be somehow possible for you to post link to your site so I can take look? What exactly do you mean when you say that the site is disabled? * Best regards, Bojan * Thread Starter [Roger Berkeley](https://wordpress.org/support/users/roger-berkeley/) * (@roger-berkeley) * [11 years, 6 months ago](https://wordpress.org/support/topic/headerbody-background-colour/#post-5785228) * I have it disabled while I’m working on it, so that nobody can access it, but I’ve enabled it again so you can view it [http://www.rogerberkeley.com/bio](http://www.rogerberkeley.com/bio) * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [11 years, 6 months ago](https://wordpress.org/support/topic/headerbody-background-colour/#post-5785234) * Hey again Roger, * Thanks for that, it made things much easier so I don’t have to add all CSS in order to try to reproduce the same issue. Please try adding the following code: * ``` .site-boxed .site-body.site-pad { background: #101010; } ``` * This should cover the white area with the color that you’re using in content and sidebar. * Hope this helps 🙂 * Best regards, Bojan * Thread Starter [Roger Berkeley](https://wordpress.org/support/users/roger-berkeley/) * (@roger-berkeley) * [11 years, 6 months ago](https://wordpress.org/support/topic/headerbody-background-colour/#post-5785236) * Brilliant, it’s all sorted now, thanks a million! * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [11 years, 6 months ago](https://wordpress.org/support/topic/headerbody-background-colour/#post-5785237) * Glad I could help 🙂 Have a great weekend! * Cheers, Bojan Viewing 13 replies - 1 through 13 (of 13 total) The topic ‘Header/Body Background Colour’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/albar/1.8.00/screenshot.png) * Albar * [Support Threads](https://wordpress.org/support/theme/albar/) * [Active Topics](https://wordpress.org/support/theme/albar/active/) * [Unresolved Topics](https://wordpress.org/support/theme/albar/unresolved/) * [Reviews](https://wordpress.org/support/theme/albar/reviews/) ## Tags * [body](https://wordpress.org/support/topic-tag/body/) * [colour](https://wordpress.org/support/topic-tag/colour/) * [header](https://wordpress.org/support/topic-tag/header/) * 13 replies * 2 participants * Last reply from: [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * Last activity: [11 years, 6 months ago](https://wordpress.org/support/topic/headerbody-background-colour/#post-5785237) * Status: resolved