Reply To: How to change color of Header & Footer

Homepage Community Forums Aspire Theme Support How to change color of Header & Footer Reply To: How to change color of Header & Footer

#18531
Wes
Moderator

    It looks like you got the background colors changed? I couldn’t remember what color you had them before. Let me know if you didn’t.

    Also, if you want to change the Footer at the very bottom (instead of the footer widgets area), then you can do so by editing this in your CSS around line 2371 –

    /* # Site Footer
    ---------------------------------------------------------------------------------------------------- */
    
    .site-footer {
    	background-color: #000;
    	color: #fff;
    	font-size: 16px;
    	font-size: 1.6rem;
    	line-height: 1;
    	padding: 30px 0;
    	text-align: center;
    	

    For the background images, there will be a small fix for this in the next update. For now, you can fix it by looking in your code around line 1504, and you’ll see this –

    .front-page-1,
    .front-page-4,
    .front-page-5,
    .front-page-7,
    .front-page-9,
    .front-page-12 {
    	/*background-attachment: fixed;*/
    	background-position: 50% 0;
    	background-repeat: no-repeat;
    	/*-webkit-background-size: cover;
    	-moz-background-size:    cover;
    	background-size:         cover;*/
    }

    In the new version, it will look something like this –

    .front-page-1,
    .front-page-4,
    .front-page-5,
    .front-page-7,
    .front-page-9,
    .front-page-12 {
    	/*background-attachment: fixed;*/
    	background-position: 50% 0;
    	background-repeat: no-repeat;
    	-webkit-background-size: cover;
    	-moz-background-size:    cover;
    	background-size:         cover;
    }

    Replace the 1st code with the 2nd and it should fix the width of your background images so they stretch to the screen.