style./css:
#access ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
}
Thread Starter
Mark
(@markurbaninteractiveus)
Yup. I’ve taken out those three lines and the shadow still appears. I’ve also used this to no effect:
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
Try adding:
#access ul ul {
box-shadow: 0 0 0 rgba(0,0,0,0);
-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
}
to your child theme’s stylesheet.
Thread Starter
Mark
(@markurbaninteractiveus)
Thanks esmi. I just added it back and did this:
box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
Doesn’t seem right but it works.
Thread Starter
Mark
(@markurbaninteractiveus)
Just wondering. Do you think it’s coming from the parent theme?
To be more clear, I was editing my child theme based on twenty ten. I haven’t touched twenty ten. Wondering if there are reasons to do so now and then.
The original CSS I posted was from the parent theme.
Thread Starter
Mark
(@markurbaninteractiveus)
Yes, I understand. Problem solved. I was just wondering — and now I’m thinking it makes sense — that the problem stemmed from the child theme not overwriting the parent theme since those three lines were simply deleted from the child.
Anyway, thanks for your help.
