Simple CSS edit

MasterGameMaster

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

 

 

vadercomplex

Are you still needing help on this one, friend? :) @MasterGameMaster

MasterGameMaster

Yup!  It would be appreciated...

MasterGameMaster

Yup!  It would be appreciated...

Abersade

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;}

Abersade

Example of that code working as requested:

https://abersade-testbed.obsidianportal.com/wikis/testing-conditional-css-scroll

 

MasterGameMaster

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!