Hi, so im making my fandom wiki but i need feedback on my code which is an rainbow rounded animated square!

.animated-rainbow-square {
  width: 200px;
  height: 200px;
  background: linear-gradient(45deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3, #ff0000);
  background-size: 400% 400%;
  animation: moveRainbow 5s linear infinite;
  border-radius: 8px;
}
@keyframes moveRainbow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

Hello,

Why this isnt working?

.fandom-community-name {

    font-family: "Rubik Burned", cursive; 

}

.WikiHeader nav {

font-family: "Cascadia Code";

  filter: drop-shadow(1px 2px black) drop-shadow(-1px 1px 2px black);

  z-index: 2;

}

The shadow is showing up, but the font doesnt

Thanks

Hello, im the admin of BAYC Wiki and im trying to add a personalized font which is isnt in Google fonts.

Fandom support already enabled me ttf and woff2

I tried to upload the font in both ways and keeps saying error 500, i tried many times.

Is just a bug or i need to change something?

Best regards

Help:CSS_best_practices advices to use raw file URLs for images and font files used via CSS on many pages, rather than /wiki/Special:FilePath or /wiki/Special:Redirect/file.

It claims that in addition for the HTTP redirect overhead itself (double redirect in the case of Special:FilePath) these redirects prevent the browser caching of the file itself, which can of course be a significant harm to performance.

My testing in the browser devtools however indicate that the file itself is cached normally (see screenshot below).

The concern about the HTTP redirect still remains of course, however that's a smaller impact and there's a trade-off with convenience and maintainability.

Any thoughts? Am I missing something in my test? Thanks.

Is there a way to remove the timestamp in your signature? I just find it annoying when the timestamp is just different from the other text.

If cannot, then at least is there a way to merge the timestamp into the signature box code?

So on a bunch of wikis, admins tend to have names with different colors and formatting. I was wondering how to replicate that. Any help would be appreciated (I know it has to do with css)

I don’t know how to code, so I want my name to be bolded and orange in color

I remember 2 days ago it was working but now it just doesn’t.

how would i go about scripting something like this? i've watched a few css tutorials but i haven't really figured out how to do it yet :(

here's my god awful mockup 🔥

I just wanted to point something out. All of these Installation sections say to copy-paste the @Import code into your Global.css, but it's actually not allowed on Community Central. I kept getting confused trying to understand why it wasn't working when I was following the instructions exactly.

And yet

Unless I'm just doing something completely wrong, or maybe it was allowed and now it's not, but it's quite inconvenient.

Hello! I'm trying to add the LockOldComments import but I'm having trouble configuring it. I tried following the instructions to change the limit from 60 days to 180 days since the wiki activity is low but I'm getting errors when adding it to the CSS page. I copy and pasted it directly so what's wrong with this code?

/* Lock Old Comments */
.LockOldComments-locked [class^="ReplyCreate"] {
    display: none;
}

window.lockOldComments = (window.lockOldComments || {});
window.lockOldComments.limit = 180;

I'm trying to implement a color-coding template for my wiki.

(I know this isn't preferred, but I'd rather deal with that later by changing it into a gadget at some point unless there is a better option?)

Due to the nature of the template, I'd need to use CSS to alter the color palette for users using light/dark mode so it's readable, which means having to apply site-wide CSS.

I want the CSS editable by other non-admin users, but since the CSS has to be hosted on MediaWiki:Common.css or imported from a MediaWiki page, there isn't a way to allow this.

Using <templatestyles /> won't work because I'm using -webkit in some CSS classes.

Is there any other way to do this?

(I was thinking of moving the MediaWiki CSS page to Dev instead, which as you may have guessed isn't a good idea, but I'm out of ideas.)

Relevant links:

• The template itself

• The Lua module used to generate the HTML for the template

• The CSS classes

like the title of the post said, i saw this on another wiki, and wanted to do something like this on my wiki.

I'm sorry if this is worded weirdly (i'm new to this), but how do I change the color of the main page div?

Update: I figured it out, ignore this post