Tagged: color section, custom.css, developer id, drop shadow, text shadow
I have tried adding various css codes to try and get a line to have a drop shadow. I tried making a color section with a section id and adding in this code ( #textshadow .av-special-heading-tag {
text-shadow: 0px 0px 5px black !important;
}
But it seems to not be working. The section id is “florida” so I subbed out the -special-heading-tag with “florida” and it still shows nothing. Can someone help with this please?
The page I am trying to edit is.. https://www.mossimage.com/2017/11/01/travel-cuba-florida/
Specifically the line at the end that reads ” Please leave a comment so I know that someone read this!”
Hey cgmoss121,
Try adding the following to quick css:
.post-entry-1698 h1{ text-shadow: 0px 0px 5px black !important; }
Best regards,
Jordan Shannon
Worked like a charm! Can you help explain what you did there so if I am trying to do it in another area I can duplicate it. I saw that you put .post-entry-1698.. I am assuming that is referring to anything h1 in that particular post. What if I want to do it in a color section with a tag id? would I just put .tag-id { text-shadow: 0px 0px 5px black !important; } ? Thanks!
Hi,
Yes you have the right idea. You would need the id or class of the exact section you want to effect.
Best regards,
Jordan Shannon