Reply To: Gray “bar” above and below page graphic image

[Anonymous]

On style.css you can see this line :

#cir-banner {
    background-color: #ddd !important;
    background-position: center center;
    margin-top: -10px;
    min-height: 8px;
}

change code to below one to remove the top background color :

#cir-banner {
    background-position: center center;
    margin-top: -10px;
    min-height: 8px;
}

The bottom horizontal bar is not actually a horizontal bar it’s due to the gap between banner and breadcrumwrapper. It can be removed by removing margin bottom of the

tag of banner, Use the below CSS

#cir-banner .textwidget p {
    margin-bottom: 0 !important;
}

I hope you’re using child theme so those changes are implemented in child theme 🙂