It was working just fine two days ago, but now it just won't show up on any wikis that have it. Did Fandom update something that caused it to break?
You don't have to download a font. Just go to Google Fonts, find a font you want, and press Get Font. Then go to Get Embed Code, not Download. Then, click on the circle that says @import and copy the import url without the <style>. It should look like this:
@import url('https://fonts.googleapis.com/css2?family=FONTNAME&display=swap');That would be this code:
/* Toolbar-ing */
#WikiaBar .WikiaBarWrapper {
background-image:linear-gradient(90deg, #a5004e 5%, #fa005a 15%, #ff6400 30%, #ffc500 45%, #1c8969 65%, #00b7c6 75%, #b2388e 85%, #6c005a 95%);
color: #FFF;
}
#WikiaBar .wikia-bar-collapse {
background-image:linear-gradient(to top, #565656 20%, #b85d3d 40%, #74d5ff 50%, #fe93fc 60%, #e8e9ea 75%);
border:solid 1px #FFF;
color: #000;
}
.WikiaBarWrapper .tools .wds-dropdown__toggle>a, .WikiaBarWrapper .tools>li>a, .WikiaBarWrapper .tools .wds-dropdown__toggle>svg, .WikiaBarWrapper .tools>li>svg {
color:#fff;
filter: drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 0px #000) drop-shadow(0px 0px 0px #000);
}
.WikiaBarWrapper .arrow .close-icon {
color: #fff957;
background-color: #000;
}
#WikiaBar .custom.menu {
background-image:linear-gradient(to top, #565656 10%, #b85d3d 25%, #74d5ff 50%, #fe93fc 70%, #e8e9ea 95%);
border: solid 1px #000;
border-radius:10px;
}
#WikiaBar .custom.menu .wds-dropdown__content {
border: 5px solid;
border-image: linear-gradient(to bottom right, #e8e9ea 10%, #fe93fc 25%, #74d5ff 50%, #b85d3d 70%, #565656 85%);
border-image-slice: 1;
}
In the common.css
You have to put it after <mainpage-rightcolumn-start /> and before the second <mainpage-endcolumn /> at the very bottom of the page. Same place where you put the Special Thanks or Creator of this Fandom. Both are after mainpage right column and before mainpage endcolumn
It can be changed by going to MediaWiki:Wiki-description-site-meta of the wiki you're on.
For the individual link colors, they used CSS. See their Colors.css.
For the title, they put the CSS in MediaWiki:Themes.css, starting at line 31.
You're supposed to put the .LockOldComments in MediaWiki:Common.css, not MediaWiki:ImportJS. And I think you have to add the Import in the first place, in ImportJS. See LockOldComments.
Edit: oops mixed them up
Okay, thank you so much!
It was working just fine two days ago, but now it just won't show up on any wikis that have it. Did Fandom update something that caused it to break?
I think you’d have to use or create a different template, or remove the Characters category from the Characters template.
Put this code into the wiki’s Common.css, assuming you’re an admin.
.page__main {
background-color:transparent;
}Thank you! I’ll ask around!
So, it’s not possible to have both? Only one or the other?
Top right navigation, with Speicial:RecentChanges and the Theme Toggler. Mb, should’ve been more specific
I noticed a wiki with a page creation button in the top navigation and was wondering if it’s possible to install it into a wiki I am an admin on. Granted, that wiki is fairly old (16 years), so that’s probably why it still has that feature.
I was wondering if there is a possible js feature from the dev wiki to enable that, or if I could request it from fandom support.
It was this wiki.
They most likely used CSS variables. Read Help:CSS variables
What CSS is only showing dark mode? If you mean the border, it's because of this code, which makes it only appear in dark mode.
.theme-fandomdesktop-darkThe second question was answered a while ago on the other post you made here.
You have to put this.
.fandom-community-header__community-name, h1#firstHeading { font-family: 'Rubik 80s Fade';
}
For multiple word font names, you'd have to put ' right before and after.
Add this to your wiki's css
.fandom-community-header__community-name, h1#firstHeading {
font-family: FONTNAME;Remember to add the font import beforehand using Google fonts, or others. Read this if you're confused.
It's not CSS.
See Help:Infoboxes, in particular the section "Horizontal layout for groups", as stated previously by another user on a similar topic.
They use:
<group layout="horizontal">To achieve this look.