Is there any way to reposition how and where the background appears on its X/Y axis? I've just recently added in a custom background to a wiki but because of the size of it, the screen cuts off the bottom and is stuck on the top half. I'd really rather have it focus on the center of the picture but I can't see any positioning options in the Theme Designer.
You can position the background by pasting this code in your wiki's Wikia.css page:
If you want it right at the center, then paste the code below into the linked page, and don't bother to change it
You can modify the position of the background by tweaking the percentage. The first one positions it horizontally, and the second one does it vertically. Lower the percentage, the further left/higher the background's positioned.
Custom site css is prioritized over the default css, but maybe there is an issue with the specificity of the css rules. I can't look into it as I'm currently on a mobile but try body.skin-oasis instead of skin-oasis.
50% 50% will place the top-left corner of the image at the center, wouldn't it?
HumansCanWinElves, that is certainly what one might expect without giving it much thought. Indeed, when I first read your post, I thought, "Yeah. Isn't that how it works?". However, I did some experimenting of my own and found that Parkour2906 is in fact correct. Looking at documentation, the definition when using % is actually a bit more complcated then that. 0% is defined as the left/top edge of the image is aligned with the left/top edge of the container and 100% is defines as the right/bottom edge of the image is aligned with the right/bottom edge of the container. The linear equation that results from this means that 50% is the same as the keyword "center".
Yes, it needs some level of understanding to not mess it up. If it's in your interest - you can learn. If not - then you can ignore it most of the time. Fandom allows custom CSS and JS, but the wiki should work fine without it, and when the need comes you can ask for a specific help.
Just to through my 2 cents in. Number 3 is extremely unlikely to happen; at least on Fandom. Number 1 can sometimes be avoided. I see a lot of wikis use in-line CSS for templates. If you find yourself overriding in-line CSS like that, you can always move the CSS to a class and avoid !important that way.