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?
