I am trying to get the Star Wars Scroll look (at least a simple one) and I put the word scroll in the slugs I want to reflect the black background and yellow text. Here is what I have in my Custom CSS block:
/* Set the background color to black and text color to yellow for pages with "scroll" in the slug */
.page[data-slug*="scroll"] {
background-color: black;
color: yellow;
}
But it does not seem to update. I am new to CSS, so my guess is I missed a simple step. Any help?
Curt
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
Are you still needing help on this one, friend? :) @MasterGameMaster
Obsidian Portal Support Druid | [email protected]
Yup! It would be appreciated...
Yup! It would be appreciated...
This took far longer to figure out that I initially suspected it would.
Try this:
[class*="scroll"] .post-section.post-main {background-color: black !important; color: yellow !important;}
[class*="scroll"] .wiki-page-name.title {color: yellow;}
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
GM of Stream of Kairos
Need CSS Help? It may be covered here: Abersade's CSS Hub
Example of that code working as requested:
https://abersade-testbed.obsidianportal.com/wikis/testing-conditional-css-scroll
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
GM of Stream of Kairos
Need CSS Help? It may be covered here: Abersade's CSS Hub
That seemed to fix it! Now, to break it down and figure out why it works as well as why mine didn't! Thanks much!