darkrupy

Alright sounds good,just running out of time with this,I have to present my site tomorrow morning,i’ve been working on it for the past few weeks is all.

resolved

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.

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.

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.

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/

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.

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;
}

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?

alrighty.

here is the website i’m working on,if it matters any

https://hhogan.com/beta/