how to delete Header style compiled by theme

I set the footer to style11, the footer should be with black color, but there are some CSS in the page
because the background-color: transparent;, my footer is transparent, how to remove these codes from my page?

<!– Header style compiled by theme –>

<style>

.td-container-wrap,
.post,
.tagdiv-type .td_quote_box {
background-color: transparent;
}

.td-menu-background:before,
.td-search-background:before {
background: rgba(0,0,0,0.5);
background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.6)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’rgba(0,0,0,0.5)’, endColorstr=’rgba(0,0,0,0.6)’, GradientType=0 );
}
.td-container-wrap,
.post,
.tagdiv-type .td_quote_box {
background-color: transparent;
}

.td-menu-background:before,
.td-search-background:before {
background: rgba(0,0,0,0.5);
background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.6)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’rgba(0,0,0,0.5)’, endColorstr=’rgba(0,0,0,0.6)’, GradientType=0 );
}
</style>
<!– Button style compiled by theme –>