Tagged: enfold
I have two questions:
I’ve got custom css to add a drop shadow to the header text
#drop-shadow h1.av-special-heading-tag {
text-shadow: 2px 4px #000;
}
but I’m not seeing a drop shadow for my special heading text. How do I also include a drop shadow on the subheading text too?
2) I used the same h1 header for the party pack page but the text appears differently than the other pages
Hey Andrew,
Add this to quick css:
#drop-shadow h1.av-special-heading-tag .av-subheading p{
text-shadow: 2px 4px #000;
}
Best regards,
Jordan Shannon
Hi Jordan
I dropped your code under the h1 heading code that I already had and I didn’t see a difference in the subheading
h1.av-rotator-container-inner, h1.av-special-heading-tag, h1.av-special-heading-tag {text-shadow: 1px 1px 5px #000000 !important; }
#drop-shadow h1.av-special-heading-tag .av-subheading p{
text-shadow: 2px 4px #000;
}
Hi,
Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.
Best regards,
Jordan Shannon
#drop-shadow h1.av-special-heading-tag .av-subheading p{
text-shadow: 2px 4px #000;
}
h1.av-rotator-container-inner, h1.av-special-heading-tag, h1.av-special-heading-tag {text-shadow: 1px 1px 5px #000000 !important; }
That didn’t make a difference, the sub heading still doesn’t have a drop shadow
Hi prospanicatc,
The shadow will not improve text readability in this case, you need to give the container with text some background with a little opacity.
If you need further assistance please let us know.
Best regards,
Victoria