All posts by Emma Of The Sea

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');

This should help you. I can help explain it more if u want

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!

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

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-dark

The 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.