Nope. You can restrict it so only registered users can edit (tho I'm not sure if that option is available on the UCP). In case your wiki gets vandalized, you can revert those edits easily. These are some links that might help you:
Good luck with your wiki!
Tobias Alcaraz 08:30, April 14, 2020 (UTC)
That said, the spacing might be inherited. If it is, then you could change the spacing by setting the spacing of the enclosing div tag. I am not entirely sure which CSS property you would want to set but it is likely line-height.
Or padding
on the parent element or margin
on the child element.
Example:
Code:
{| style="background-color: rgba(0, 0, 0, 0.38); padding: 56px; float: right;" | {{Tocright}} |}
Just remember that excessive amount of general width of the TOC might interrupt or cause problems with the flow of the page.
And yes. TOC's borders can be hidden only with CSS:
.toc { border: none; }
Btw this thread is getting a little bit long.
Andrewds1021 wrote: I guess that works. But one might want to add an id to the div for linking purposes.
Yeah, I was about to put that but I thought it wouldn't be necessary.
<div id="section1" style="font-size: 18px; margin-top: 30px; overflow: hidden; padding-bottom: 3px; border-bottom: solid 1px #616871;">This</div>
So, if you need to navigate there, you can do it by putting the #id
after the the page's name.
[[Hello world#section1|Example]]
...this will work.
Ugh, that wiki is on UCP. Didn't notice that... well, at the moment, it seems like you'll have to wait until custom CSS and JS gets enabled.
And making a section that doesn't appear in the toc is possible through CSS or inline styling. You can make a div and replicate the CSS rules that apply to h2
tags.
Doing this, you'll notice that the edit button isn't present, and forcing the TOC will only display the "something like" section.
This is the code used above, if you ask:
<div style="font-size: 18px; margin-top: 30px; overflow: hidden; padding-bottom: 3px; border-bottom: solid 1px #616871;">This</div>
Hello!
A way to hide the headers lines from the TOC would be using CSS for a solid background-color
. For example:
.toc { background-color: #121212; }
About having the TOC collapsed by default, I'm not sure how to do that. Wikipedia got to do that somehow though. That's all I know; sorry!
Tobias Alcaraz 03:58, April 13, 2020 (UTC)
Omg thanks for the reply! You saved me a couple of minutes trying to figure out how that worked lol.
Btw, the tabbers' child elements are in odd numbers, since between them, the even-numbered elements are actually <wbr>
tags. So the pattern would increase by 2 numbers starting from the first child of the tabs list (li
).
In other words, the pattern would be...
.tabberlive > .tabbernav > li:first-child > a { /* 1st tabber tab */ } .tabberlive > .tabbernav > li:nth-child(3) > a { /* 3rd child selected = second tab */ /* 2nd tabber tab */ } .tabberlive > .tabbernav > li:nth-child(5) > a { /* 5th child selected = third tab */ /* 3rd tabber tab */ } .tabberlive > .tabbernav > li:nth-child(7) > a { /* fourth tab and so on... */ /* 4th tabber tab */ } /* This one wouldn't work since it'd apply CSS to the last <wbr> tag, so don't use it! */ .tabberlive > .tabbernav > li:last-child > a { /* last tabber tab */ }
And about the last alternating pattern, it would be...
.tabberlive > .tabbernav > li:nth-child(4n + 1) > a { /* 1st, 3rd, 5th, ... tabber tabs */ } .tabberlive > .tabbernav > li:nth-child(4n + 3) > a { /* 2nd, 4th, 6th, ... tabber tabs */ } .tabberlive > .tabbernav > li:nth-child(3n) > a { /* 2nd, 5th, 8th, ... tabber tabs */ }
That last one would grab the 2nd tab and then skip to the 5th since the middle-third child between the 2nd and 5th tab would be the 3rd tabs' <wbr>
element. And that happens between 5th and 8th, 8th with 11th, and so on.
Yeah... working with these things makes you scratch your head for a while...
CrazyForMyself wrote: Actually, that wiki is using UCP so CSS can't be used there yet.
Oh, didn't notice that. My bad.
Since 2020.03.12, all new wikis created are part of the Unified Community Platform.[1] Yours is one of these new communities and, at the moment, it's not possible to create custom CSS and JS in these wikis. But don't worry, it will be available again in the future!
“ | Many of you noticed that robust customization is not yet available on the Unified Community Platform. That is not a bug, that is intentional. Custom JS relies upon a content review system which is not yet ported from the legacy platform, so it will not be enabled until that happens. Having the simple customization options available now allows us to have a better baseline for chasing down core functionality bugs without issues being confounded by community customizations. Once we have the platform in a good place with core stability, we can let you get back to your usual creative ways :) | „ |
~ MisterWoodhouse on Thread:1828522 |
In other words, all you have to do is just wait until it gets released!
Tobias Alcaraz 03:53, April 9, 2020 (UTC)
Hello!
You can hide the borders with CSS too:
#gallery .wikia-gallery-item .gallery-image-wrapper { border: none; }
If it still doesn't work, then you can use that as an alternative. I hope it helps! :)
Tobias Alcaraz 03:33, April 9, 2020 (UTC)
Hello!
If you want to change the styles of the modules, you have to put the next rule in your personal CSS or wikia.css:
#WikiaRail .module { /* Put your properties and values here. */ }
If you want to change individual modules, then you'll have to put that module's class after the #WikiaRail .module
selectors. Knowing that, then if you want to modify the, for example, recent activity module, you'll have to put...
#WikiaRail .module .activity-module { /* Put your properties and values here. */ }
Or if you want to modify the Insights module...
#WikiaRail .module .insights-module { /* Put your properties and values here. */ }
If you want to modify the text in the Community Corner module, you will have to go to MediaWiki:Community-corner and edit the text there.
I hope I helped you! :)
Tobias Alcaraz 03:31, April 8, 2020 (UTC)
Hello Bubblesplosion.
If you know how to add colors and glow to administrators' names, then it's the same process to bureucrats, but adding their usernames in the code. Here's a brief example (CSS):
a[href$="USERNAME_HERE"], a[href$="USERNAME_HERE"], a[href$="USERNAME_HERE"], a[href$="USERNAME_HERE"] { color: #6aa7f7 !important; text-shadow: black 0px 0px 2px !important; }
Replace the "USERNAME_HERE" value with the bureucrats' names. Remember to change the properties color
and text-shadow
as you wish. In this example, the text color will be light-blue and the shadow will be black.
By the way, if a username has special characters, copy and paste the special(s) character(s) in a URL Encoder. Once the character has been encoded, paste the result replacing the original character. So, for example, you have a user whose name is "Tóbias Alcaráz", then, in the CSS code, it should be written as:T%C3%B3bias%20Alcar%C3%A1z
orT%C3%B3bias_Alcar%C3%A1z
(The space can be replaced with either " _ " or " %20 ").
Ok, this was a pretty long message. Anyways, I hope this helped you!