Title: Changing white background on header
Last modified: August 31, 2016

---

# Changing white background on header

 *  Resolved [illusion2269](https://wordpress.org/support/users/illusion2269/)
 * (@illusion2269)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/changing-white-background-on-header/)
 * I just recently set up my new website, [http://www.phoenixdownradio.com](http://www.phoenixdownradio.com)
   and chose the Ascent theme because it has a very nice flow to it. I am new to
   WP and PHP in general, but have been learning a lot the past few days. However
   I have been trying to no avail to find where to change the background color of
   the header from white to another color. Any assistance would be greatly appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [christomwebdesign](https://wordpress.org/support/users/christomwebdesign/)
 * (@christomwebdesign)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/changing-white-background-on-header/#post-6958512)
 * Hi if you there is no theme option to change the header background color, you
   can try adding this to the theme’s custom css
 *     ```
       .header-bottom {
       background: #6D7BA3;
       }
       ```
   
 *  Thread Starter [illusion2269](https://wordpress.org/support/users/illusion2269/)
 * (@illusion2269)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/changing-white-background-on-header/#post-6958529)
 * Thank you. That did change the header color. However it now also changing the
   color of the background around the links on the page as well.
 * Here is the custom CSS I am using currently.
 *     ```
       /*Welcome to Custom CSS!*/
       ::selection {
       	background: #8499b1;
       	color: #FFF;
       }
   
       ::-moz-selection {
       	background: #8499b1;
       	color: #FFF;
       }
   
       /* Color style */
       h1 a:hover,
       h2 a:hover,
       h3 a:hover,
       h4 a:hover,
       h5 a:hover,
       h6 a:hover,
       a,
       .header-top a:hover,
       .header-bottom {
       	background: #454545;
       }
   
       .site-branding h1.site-title a,
       #colophon .widget_calendar table a:hover {
       	color: #8499b1;
       }
   
       /* Background color style */
       .read-more,
       .read-more.black:hover,
       nav.main-menu ul > li ul li:hover a,
       .pager li > a:hover, .pager li > a:focus,
       #home-slider .slide-content .btn,
       table thead,
       a#scroll-top,
       .post-meta-info .entry-meta .comments_count,
       body input[type="submit"]:hover,
       body input[type="submit"]:focus,
       .mean-container .mean-bar,
       .mean-container .mean-bar .mean-nav ul li a.meanmenu-reveal {
       	background-color: #8499b1;
       }
   
       /* Border Color style */
       .wp-caption,
       .header-top,
       nav.main-menu ul > li ul,
       .pager li > a:hover, .pager li > a:focus,
       #colophon,
       .entry-content blockquote,
       .post-meta-info .entry-meta,
       .comment a.btn,
       body input[type="text"]:focus,
       body input[type="email"]:focus,
       body input[type="url"]:focus,
       body input[type="tel"]:focus,
       body input[type="number"]:focus,
       body input[type="date"]:focus,
       body input[type="range"]:focus,
       body input[type="password"]:focus,
       body input[type="text"]:focus,
       body textarea:focus,
       body .form-control:focus,
       select:focus {
       	border-color: #8499b1;
       }
   
       .gallery .gallery-item img {
       	border-color: #808080 !important;
       }
   
       /* Light color style */
       .nav > li > a:hover, .nav > li > a:focus,
       .post-meta-info .entry-meta,
       .comment-form .alert-info {
       	background-color: #EEFEFF;
       }
   
       .entry-content blockquote {
       	background: #EEFEFF;
       }
   
       .error-404 a {
       	color: #EEFEFF;
       }
   
       .comment-form .alert-info {
       	border-color: #B0C9E0;
       	color: #3A5758;
       }
   
       /* Responsive style */
       @media (max-width: 991px) and (min-width: 0px) {
       	.post-meta-info .entry-meta .comments_count,
       																																			.post-meta-info .entry-meta {
       		background: none;
       		border-color: transparent;
       		background-color: transparent;
       	}
   
       	.post-meta-info .entry-meta .comments_count a {
       		background: none;
       	}
       }
       ```
   
 *  Thread Starter [illusion2269](https://wordpress.org/support/users/illusion2269/)
 * (@illusion2269)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/changing-white-background-on-header/#post-6958531)
 * Sorry, I found the error with that. I placed your code inside another instruction.
   I have fixed it and it works. Thanks again!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Changing white background on header’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/ascent/3.8.9/screenshot.png)
 * Ascent
 * [Support Threads](https://wordpress.org/support/theme/ascent/)
 * [Active Topics](https://wordpress.org/support/theme/ascent/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/ascent/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/ascent/reviews/)

## Tags

 * [color](https://wordpress.org/support/topic-tag/color/)
 * [header](https://wordpress.org/support/topic-tag/header/)

 * 3 replies
 * 2 participants
 * Last reply from: [illusion2269](https://wordpress.org/support/users/illusion2269/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/changing-white-background-on-header/#post-6958531)
 * Status: resolved