Hi,
I’m using the following CSS to add a drop shadow to a special heading
#textshadow .av-special-heading-tag {
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
which targets a custom ID in a colour section.
I want to apply a similar text shadow to the sub header of that special heading. What do I target for that?
Thanks
Phil
Hi philthebass!
Please try changing the code to following one
#textshadow .av-special-heading-tag,#textshadow .av-special-heading-tag * {
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
Best regards,
Yigit
Thanks Yingit.
I’ve tried that but the subheader isn’t accepting the shadow. See grab. http://screencast.com/t/PY8sKxZ01E
I’ve added the !important; parameter as well, and nothing
#textshadow .av-special-heading-tag,#textshadow .av-special-heading-tag * {
text-shadow: 2px 4px 3px rgba(0,0,0,0.3) !important;
}
Hi Yingit,
See private section.
Thanks
Phil
Hey!
Please use the code as following
#textshadow .av-subheading.av-subheading_below {
text-shadow: 2px 4px 3px rgba(0,0,0,0.3) !important;
opacity: 1;
}
Opacity is not set to 1 by default. If you would like it to keep it how it currently is, please remove “opacity: 1;” line
Regards,
Yigit
That works perfectly. Thanks Yingit.