• Resolved illusion2269

    (@illusion2269)


    I just recently set up my new website, 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)
  • 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

    (@illusion2269)

    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

    (@illusion2269)

    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.