I am wrapping blocks of text using div classes so that an adventure log post can be customized quickly. I ran into a problem where the first div class is not working correctly. The custom CSS is completely ignored, even when I try to add !important to it. The screenshots below show what I have in the Custom CSS section and what I have as inline CSS. Even when inspecting the element, it shows that the class is applied properly, but none of the CSS is pulled in.
What am I missing?
URL: https://characterjournals.obsidianportal.com/adventure-log/16th-of-readying-692-cy-perrigren-lee
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
I tried this exact same CSS set up in a tester campaign and it work fine...what is throwing off the CSS coding within the original campaign and not a tester campaign?
Good news! I found the source of the problem. I had an extra closing brace in my custom CSS that was throwing off everything:
What a headache from something so small and simple!
Heh, good old closing tags/brackets. It's one of those "if I had a nickel" issues that always seems to find a way to sneak up on you.
- Kallak
FYI, there are some free online CSS validators on the web that can catch these sorts of issues.
I have had some luck with the CSS Validator on CodeBeautify.org: https://codebeautify.org/cssvalidate