sidebar background, white line

try adding this css to your custom css or your child theme’s ‘style.css’ file

.tc-sidebar {
    background-color: transparent; /*removes background color for entire sidebar*/
}

#right.widget-area {
    border: none; /*white line fix*/
}

.widget {
    box-shadow: none; /*removes the drop shadow*/
    margin-bottom: 22px; /*adds some space below each widget*/
}

I’ve included comments so you know what each line of css is doing

thanks for the code. I whould like to keep the shadow and boxes, and get rid of that white line and the gray zone behind the sidebar. Should have specified a little bit more;)

the code worked fine exept for: #right.widget-area {
border: none; /*white line fix*/
}

Thanks

try adding ‘!important’,

#right.widget-area {
    border: none !important;
}

hm, stil no response on that white line..

i found another element that may be affecting it

#right.widget-area:before,
#left.widget-area::after {
    border: none;
}

oh that worked great on the white line:) Thank you!!

Is it possible to do somthing with the gray area below the shadow? Guess thiss is some padding or sidebar colour

ThankS
Mr.Case!

the first bit of code i gave you should handle that.

.tc-sidebar {
    background-color: transparent; /*removes background color for entire sidebar*/
}

did that not work for you?