How do i change the Logo and footer background colors

Lots of Snippets to help

Footer Snippets

Logo Background:
.tc-header .brand {background: #000000;}

Thank you sir,so i tried both of the things above,yet the footer remains the same,as does the logo background,I managed to remove the gray strip though.Does my code need to be in a specific order for them to work or does it not matter?

here is how it looks currently,the order could be the reason why it isn’t displaying properly,i’m not entire sure though

.tc-header .brand {background: #000000;}
header.tc-header {
min-height: 0px;
background: #000000;
border-top: 10px solid #000000;
border-bottom: 0px solid #ffffff;
}

Logo Background:
.tc-header .brand {background: #000000;}

.carousel .item {
line-height: 1120px;
overflow: hidden;
min-height: 520px;
}

.carousel-caption {
background: rgba(0, 0, 0, 0.0);
}

h1, h2, h3, h4, h5, h6 {
text-shadow: 0 0px 0 transparent;
}

.navbar-inner {
background: url(https://hhogan.com/beta/wp-content/uploads/2013/12/an_afternoon_of_cut_and_paste_etc__by_mrcwatson-d4rrrbz.jpg) repeat;none
}

body {
background: url(https://hhogan.com/beta/wp-content/uploads/2013/12/Zelda.jpg) fixed 0 0;
}

#main-wrapper {

margin-top: 50px ;
margin-bottom: 0px;
}

#main-wrapper
background-color: rgba(0, 0, 0, 70);

color: rgba(0, 0, 0, 70);

}

footer#footer {
background: none repeat scroll 0 0 #000000;
border-top: 12px solid #000000;
color: #000000
padding: 0;
}

footer#footer {
border-top: none;
}

#main-wrapper {
margin-bottom: 0px;
}

Just a bit confusing!

I’ve adjusted your code above to this:

body {
background: url('https://hhogan.com/beta/wp-content/uploads/2013/12/Zelda.jpg') fixed 0 0;
}
h1, h2, h3, h4, h5, h6 {
text-shadow:        0 0px 0 transparent;
}
#main-wrapper {
color:              rgba(0, 0, 0, 70);
background-color:   rgba(0, 0, 0, 70);
margin-top:         50px ;
margin-bottom:      0px;
}
.tc-header .brand {
min-height:         0px;
background:         #000000;
border-top:         10px solid #000000;
border-bottom:      0px solid #ffffff;
}
.navbar-inner {
background: url('https://hhogan.com/beta/wp-content/uploads/2013/12/an_afternoon_of_cut_and_paste_etc__by_mrcwatson-d4rrrbz.jpg') repeat;none
}
.carousel .item {
/* line-height:        1120px; Can't be right? max-height maybe? */
overflow:           hidden;
min-height:         520px;
}
.carousel-caption {
background:         rgba(0, 0, 0, 0.0);
}
footer#footer {
background:         none repeat scroll 0 0 #000000;
/* delete one of next two lines - border or no-border */
border-top:         12px solid #000000;
border-top:         none;
/* delete one of previous two lines - border or no-border */
color:              #000000;
padding:            0px;
}

I’ve just published a Beginners Guide to CSS which might give you a start.

After using the adjusted code,several things disappeared,such as the black boarder around the nav bar,the gray strip above the slider is back,and the body color changed from transparent to black,the footer background and logo background remained white as well.I’m not sure why it happened or how to fix it,so i reverted the code back.

within the body part of the code,I found that,the background color wasn opaquea,and thus hiding the text.Now that I got it fixed,I still have yet to find a way to do the same with the footer and logo background.

here is my website if you want to see how it looks,but basically i’m just trying to either make the backgrounds for both the logo and footer black,or possibly transparent.

https://hhogan.com/beta/

Logo Background:
.tc-header .brand {background: #000000;}

Footer:
footer#footer .colophon {background-color: #000000;}

You also need this snippet to remove the white rectangles:
Snippet

You need to resize your slider images. Recommended dimensions are 1170 x 500 px

Thank you very much sir,the footer finally changed to black and the snippet removed the white boarder,like you said it would,now that’s left is the logo background.I greatly appreciate your assistance rdell.

small update,I noticed that the background around the logo did indeed turn black,but it appears that the problem might be my logo,as the white area
might be from the text,let me adjust it accordingly.

I found out,that the white space was indeed coming from the logo,so what i did was give it a black background and redid the logo.And with that I close this post,as you’ve helped me find the solution to these problems,and for that I thank you.

resolved