It still does. It's just that I only added the code to my Personal CSS meaning that only I can see the change while others can't. To make it visible to others, you need to paste the code to the wiki's CSS page. In the case of the RE Wiki, it's either this or this. Only someone with sysop (administrator) role or higher can modify the page, so I can't add the code myself since I'm just a regular user there.
If you're an administrator of a wiki and you want to use the code on the wiki of which you're in charge, go to the wiki's CSS page and paste the code there. If it's only for personal use, visit your Personal CSS (here) and drop the code there.
EDIT: Fixing the incorrect links
I don't know. I'm not part of the wiki's administration. I just happened to know the new URL of the wiki. However, as the wiki seems to have a Discord, you may be able to ask it there.
While Polandball Wiki is no longer part of Fandom, the wiki has been successfully migrated to Miraheze, another wiki hosting service. Here is the link if you are interested:
https://www.polandballwiki.com/wiki/Polandball_Wiki
On Template:Navbox/header page, try removing the line break between the includeonly tags and the content of the template. Basically, changing this:
<includeonly>
{|class="mw-collapsible mw-collapsed navbox-border" style="width:100%; font-size: x-small; text-align:center; padding: 2px;
!colspan="2" class="navboxgroup"|{{{header}}}
</includeonly>
To this:
<includeonly>{|class="mw-collapsible mw-collapsed navbox-border" style="width:100%; font-size: x-small; text-align:center; padding: 2px;
!colspan="2" class="navboxgroup"|{{{header}}}</includeonly>
Could you drop a link to the page where the problem occurs?
Ah... yes I totally forgot about the different direction thing. However, regarding the use of transparent color, I don't think it works on CSS gradient function, thus why I used the CSS variable. For instance, this is how the example above looks like when using transparent color:
Here is what they used:
background-image: -webkit-linear-gradient(left, #ffffff 0%, #6699FF 15%, #6699FF 85%, #ffffff 100%);
However, I think it would be better to use the following instead:
background-image: linear-gradient(to left, var(--theme-page-background-color) 0%, #6699FF 15%, #6699FF 85%, var(--theme-page-background-color) 100%);
as the latter takes into account how the background color may change when the users switch between light and dark modes. I also removed the -webkit- prefix from the linear-gradient function as most modern browsers (~97.8% according to CanIUse) no longer require you to use it unless you want to serve the users using the old version of the browsers from more than a decade ago.
1.
.pi-header { background-color: INSERT_HEADER_COLOR; }
2.
.portable-infobox { border-width: INSERT_WIDTH; }
3.
.portable-infobox { border-radius: INSERT_RADIUS; }
.portable-infobox > .pi-item:first-child {
border-top-right-radius: INSERT_RADIUS;
border-top-left-radius: INSERT_RADIUS;
}
4.
.theme-fandomdesktop-dark .portable-infobox { --pi-background: INSERT_BACKGROUND_COLOR; }
Combining all four will result as follows:
.portable-infobox {
border-width: INSERT_WIDTH;
border-radius: INSERT_RADIUS;
}
.theme-fandomdesktop-dark .portable-infobox {
--pi-background: INSERT_BACKGROUND_COLOR;
}
.portable-infobox>.pi-item:first-child {
border-top-right-radius: INSERT_RADIUS;
border-top-left-radius: INSERT_RADIUS;
}
.pi-header {
background-color: INSERT_HEADER_COLOR;
}
On that MediaWiki:Fandomdesktop.css page, click the Create Source button and paste the code I gave you before. Then, click Save Changes.
Ignore the error. It's just the syntax validity checker used by CodeEditor seems to haven't been updated to recognize new features like CSS custom properties. I also get the same error message whenever I use the property on CSS pages.
You can use EasyTimeline extension if you want to make a timeline on a page. It is a MediaWiki extension enabled by default on all Fandom wikis. Here is the manual if you are interested.
There is no need to change the content of Template:Portal as that would affect all pages using it. Just stick to what I said before (which is Merlin the Immortal's original solution as well), all you need is just to change the following code on Template:About Game page:
{{Portal|[https://example.com/]|Download The Game}}
To this:
{{Portal|external=https://example.com/|Download The Game}}
Thus, I have reverted your previous edit on that template, and all Template:Portal-based buttons should work fine now.
Go to the wiki's MediaWiki:Fandomdesktop.css page (yourwiki.fandom.com/wiki/MediaWiki:Fandomdesktop.css) and then add the following code:
.page__main { font-family: Helvetica; }
My previous answer assumes you were asking about the space between each line of the text (line-height). If this is the case, it is exactly 1.5 according to the OasisRevived source code (shown by the previous image) and the dev tools info.
However, upon rechecking the page using Oasis Revived, I noticed how the space between the paragraphs looks a bit off and this might be the thing you were actually asking. If this is true and you want to make the space look normal as in Fandomdesktop, you can try adding the following CSS syntax to your Personal CSS:
.page-content p { margin: 0 0 24px; }
The result should look like this:
Before :
After :
Unless I misunderstood the problem, I think all you need is to just change the following code from Template:About Game page:
{{Portal|[https://example.com/]|Download The Game}}
To this:
{{Portal|external=https://example.com/|Download The Game}}
And the button should work fine.
Clicking the button on the first image send me to the page shown by the second image
The key is to make the rules more specific. Since Fandom uses .page-content .portable-infobox .pi-title rule to select and specify the infobox title's font size, you need to use a rule as specific if not more than the one used by Fandom. You can also overwrite the value by using the same rule used on Fandom's CSS stylesheet.
Thus, you can try the following CSS if you only want to change the infobox title's font size:
.page-content .portable-infobox .pi-title { font-size: 15px; }
Or this one if you want it to affect both the title and the other headings:
.page-content .portable-infobox .pi-title,
.page-content .portable-infobox .pi-header { font-size: 15px; }
What font did you use? and could you drop a link to the CSS page where you put the code?
It's already 1.5
But if you want to increase it, you can add the following code to your Personal CSS:
.page-content p { line-height: INSERT_VALUE; }
Don't forget to replace INSERT_VALUE with the line height you want to use
You can add a link to the gallery picture the same way you add a link to the regular image.
As an example, let's say you have a gallery like this:
<gallery>
Example1.png
Example2.png
Example3.png
Example4.png
Example5.png
</gallery>
You want the first image to remain without a link, the second one to link to your wiki's Hello World page, the third one to Template:Foo Bar Baz, the fourth to Google homepage, and lastly, the fifth one to the CSS Cookbook page of another wiki (Fandom Developers Wiki).
In that case, you can edit the gallery to this:
<gallery>
Example1.png
Example2.png|link=Hello World
Example3.png|link=Template:Foo Bar Baz
Example4.png|link=https://www.google.com/
Example5.png|link=w:c:dev:CSS_Cookbook
</gallery>
For more information about editing the gallery, you can read this page