Custom CSS .site { box-shadow: none; } not working to remove shadows from site
Hi Sakin,
I've read and followed a number of your Custom CSS recommendations for removing all shadows from my Catch Box Pro site. I would like the site to be white, without lines or shadows underneath page/post boxes and widget title links. I'm almost there, but still have a very small gray shadow underneath pages and widgets that I'd like to remove. Unfortunately, because I haven't made my site live yet, I can't send you a URL to have a peak (still building as 'localhost/wordpress'), but I can give you the other Custom CSS tweaks already employed on the site, just in case one of them might be conflicting with your .site { box-shadow: none; } recommended script. Here's the other Custom CSS on the site:
.post .post-thumb a, img[class*="align"], img[class*="wp-image-"] { border: none; }
.site { box-shadow: none; }
.widget img { box-shadow: none; }
#slider { border-bottom: none; }
#secondary .widget {
margin-bottom: 5px;
padding-bottom: 5px;
border: none;
box-shadow: none;
}
#branding .menu .current-menu-item > a,
#branding .menu .current-menu-ancestor > a,
#branding .menu .current_page_item > a,
#branding .menu .current_page_ancestor > a,
#colophon .menu .current-menu-item a {
font-weight: normal;
}
@media screen and (min-width: 961px) {
/* For Widget Title */
.widget-title {
font-size: 18px;
}
/* For Widget Text */
.sidebar-left,
.widget ul li {
font-size: 14px;
}
What do you recommend? Thanks sincerely for your assistance. Pesky shadows aside, I love the simplicity and flexibility of your Catch Box Pro theme. Nice work!
Kathleen