Blackroom, your campaign is set to private, so we can't see it.
Most of the time however, when a custom style isn't doing anything at all, and when you're sure there are no typos, the issue is precidence. Particularly, the most specific rule for an element trumps, so for example:
bc. body #content .page-background { background-color:red; }
Trumps a declaration in your custom css of of just:
bc. .page-background { background-color:blue; }
Many of the default styles are _very_ specific in this way, and the best way to find out is to use the inspection feature in FireFox or Chrome. You'll often see some really long, specific selector at the top of the CSS stack, and your custom things need to be _at least_ that specific to have an effect. You can use !important to override that, but it's kind of dirty for a variety of nerdy technical reasons, and it's better to just use the proper level of specificity when you can (which is almost always).
Sorceress: The problem with your search page is the inline CSS in your wiki pages. Specifically, the left: and padding-left: arguments, which alter the size and location of elements.
The only way to fix that would be to either remove that div or turn it into a CSS class, which you can then style specifically so that the search page ignores it and just pushes the normal look.
ChainsawXIV: True, but note that some of OP's default CSS rules use !important, and the only way to get around that is with an !important of your own. I don't think the one he's talking about has that problem, though. Instead, it's likely the 'class with 'description' in it' problem.
I was hoping some of my wise peers can provide me with some simple guidance.
Post the re-forging, whenever i go to upload a new picture to OP, I browse for my chosen graphic, press the upload button and then I get the option to open the upload, save the upload or cancel. None of which seem to actually upload the graphic on to OP.
Am I doing something wrong? Is this a known bug they are working on? Or am I missing something obvious?
I just want to reset my maps, upload pictures and set a new tiled background to replace the ugly sepia buildings that are the default.
Appreciate any advice that can be provided.
BTW I am using Internet Explorer 9 - is that likely to make a difference post forging?
Well, I'm not sure maps can be replaced at the moment. At least I can upload them but I can't get rid of or replace them. I'm not sure about uploading a background as I did mine up in CSS.
If it's like the banner you should see a little thumbnail of your background with a green bar that fills up and ends up with a green check mark when it's done.
If you're talking about using imbed images it's had some issues but once it's open I haven't heard of it causing problems. All you do is click on upload, browse, double click on your image
and the browse pop up should close - give it some time and the asset should appear on your image list when its done uploading.
I hope that helps,
Sorceress
"The Hero Academy":https://the-hero-academy.obsidianportal.com/
You should be able to drag-and-drop the item to upload it, too (just drag it from the directory it's in and drop it on the button for uploading). I *think* this is available with the image embedding option, but I'm not certain as it doesn't like to open very much.
IE 9 _might_ be an issue, but I'm not sure. Try using a more modern browser? I know that IE8 and below aren't supported, and there was a deliberate decision not to support some older browsers.
Anyone know how to target the little triangle beside the chosen menu item on the sidebar? i want to remove it, but i can't seem to find a class or ID to point to.
The triangle you see goes outside of the margins of .active (which is the whole coloring/triangle thing on that menu), so setting overflow to hidden will make anything outside of the margins disappear. So, goodbye triangle!
-Thorvaldr
DM of "Tyellador":https://tyellador.obsidianportal.com/
No no no! The head banging is _part_ of the process, you are being reforged! It's like the Military, they have to break us all down so they can build us back up. :P
For those interested, I've written up a "guide on creating custom CSS classes":https://tyellador.obsidianportal.com/wikis/custom-css-classes for your campaign. It walks through a simple example of making a sub-title class, and shows how to manipulate said class in your wiki.
-Thorvaldr
DM of "Tyellador":https://tyellador.obsidianportal.com/
Thanks for the feedback. When I was trying to enter the information I gleaned from inspection, the CSS interface gave me an error message -
"The following errors occurred: Custom css Invalid or disallowed characters in the CSS. We do not allow Javascript or other advanced CSS, just the basics."
Would like to see if I can modify the behavior of the blockquote. Presently, it's grey text and a rather thin line to the right. What do I need to use to modify its attributes?
Hmmm...very strange. I am affecting it. I stole some come from the Internet and combined it with Langy's. I now can have a border, a background and so on, but no matter what I do, the text is ALWAYS grey. Even with the !important tag.
Comments
Most of the time however, when a custom style isn't doing anything at all, and when you're sure there are no typos, the issue is precidence. Particularly, the most specific rule for an element trumps, so for example:
bc. body #content .page-background { background-color:red; }
Trumps a declaration in your custom css of of just:
bc. .page-background { background-color:blue; }
Many of the default styles are _very_ specific in this way, and the best way to find out is to use the inspection feature in FireFox or Chrome. You'll often see some really long, specific selector at the top of the CSS stack, and your custom things need to be _at least_ that specific to have an effect. You can use !important to override that, but it's kind of dirty for a variety of nerdy technical reasons, and it's better to just use the proper level of specificity when you can (which is almost always).
The only way to fix that would be to either remove that div or turn it into a CSS class, which you can then style specifically so that the search page ignores it and just pushes the normal look.
ChainsawXIV: True, but note that some of OP's default CSS rules use !important, and the only way to get around that is with an !important of your own. I don't think the one he's talking about has that problem, though. Instead, it's likely the 'class with 'description' in it' problem.
If it's the description issue, then he should be getting an error message when submitting his CSS, though it's a bit easy to miss.
bq. article.search-result.wikipage img {height:130px}
I was hoping some of my wise peers can provide me with some simple guidance.
Post the re-forging, whenever i go to upload a new picture to OP, I browse for my chosen graphic, press the upload button and then I get the option to open the upload, save the upload or cancel. None of which seem to actually upload the graphic on to OP.
Am I doing something wrong? Is this a known bug they are working on? Or am I missing something obvious?
I just want to reset my maps, upload pictures and set a new tiled background to replace the ugly sepia buildings that are the default.
Appreciate any advice that can be provided.
BTW I am using Internet Explorer 9 - is that likely to make a difference post forging?
Ashpin
If it's like the banner you should see a little thumbnail of your background with a green bar that fills up and ends up with a green check mark when it's done.
If you're talking about using imbed images it's had some issues but once it's open I haven't heard of it causing problems. All you do is click on upload, browse, double click on your image
and the browse pop up should close - give it some time and the asset should appear on your image list when its done uploading.
I hope that helps,
Sorceress
"The Hero Academy":https://the-hero-academy.obsidianportal.com/
IE 9 _might_ be an issue, but I'm not sure. Try using a more modern browser? I know that IE8 and below aren't supported, and there was a deliberate decision not to support some older browsers.
bc. .front-page.active {overflow:hidden;}
The triangle you see goes outside of the margins of .active (which is the whole coloring/triangle thing on that menu), so setting overflow to hidden will make anything outside of the margins disappear. So, goodbye triangle!
-Thorvaldr
DM of "Tyellador":https://tyellador.obsidianportal.com/
Wish I'd asked 3 hours ago, instead of banging my head repeadedly against this issue
content: none;}@ should work too.
-Thorvaldr
DM of "Tyellador":https://tyellador.obsidianportal.com/
"The following errors occurred: Custom css Invalid or disallowed characters in the CSS. We do not allow Javascript or other advanced CSS, just the basics."
The page again (now less private)
"Realm Campaign":https://blackroom-games-realm.obsidianportal.com/characters
Just trying to help out.
bq. .character-index.campaign-public-layout .character-list-item .quick-description, .item-index.campaign-public-layout .character-list-item .quick-description {
font-size: 0.75em;
font-style: italic;
color: black;
}
but it won't accept and I can't quite puzzle a way to make it simpler.
Unconquered Kingdoms, July 2016 CotM
Gimme a bit and I'll see if I can find a workaround.
EDIT: Turns out to be easier than that, since it's the only div in its section.
@.character-index.campaign-public-layout .character-list-item .character-info div, .item-index.campaign-public-layout .character-list-item .character-info div {
font-size: 0.75em; font-style: italic; color: black;
}@
.blockquote
?
"Here's a post on it from Langy":http://forums.obsidianportal.com/comments.php?DiscussionID=2637&Focus=27658#Comment_27658
Any ideas?
https://path-to-the-north.obsidianportal.com/wikis/home-page