I have frankensteined a template from other templates I've seen around. I created a tabber template that is basically just a line of links to different sub pages Here . This works all fine and dandy (as you can see Here ) but when I go to mobile, the template is nowhere to be found. I took a lot of code from the template of This Wiki , and the tabber works fine on mobile as you can see on This Page . I must also add that this wiki also has a sub page on this tabber that creates a default tabber that doesn't require inputs as you can see Here (might have to click edit to see the code).

Would copying this sub page code fix the mobile issue or is there something wrong with my code?

Okay, so three things I'd like to know how/what to alter in Themes.css to reflect a change in the infobox:

• Centring the link in the Chapter Link heading. The horizontal groups are supposed to centre automatically, so why doesn't it do so in that field?
• The 1px padding item space around headings/labels etc seems to apply to everything except:
  1. Labels with data values that are more than one line (example). How would I make it so that the label stretches(?) to fill up the blank space?
  2. Horizontal labels (example). Unlike everything else (which seems to have no more than a couple of pixels padded above and below text), the horizontal labels are sandwiched together. How would I give them the same outer(?) padding as everything else?
• Again, horizontal labels, how would I change the colour of the second (and subsequent) horizontal label (in the above example, the "Next" label)?

Just in case I explained it poorly, below is what I'd like for the infobox to look like (Gimp 2.0 provided image LMAO):

Is there any real difference to using MediaWiki:Themes.css or MediaWiki:Wikia.css to style infoboxes wiki-wide?

Hello:
I'm trying to convert/update our wiki's infoboxes. Here is the one in question: notionclubarchives.fandom.com/wiki/Template:LocationInfobox/Draft
There are two items that I can't seem to get right:

• how to center to title text and captions texts? I thought they were centered by default.
• how to enlarge the images so that they fill the entire width of the infobox. Again, I thought that was default.

I've researched these items but cannot figure out. Help requested.
Thanks,
VJS

Hello

Is there any way to connect a group header with user-content, like the title of the infobox?

<title source="Box title"><default>Box title</default></title> puts into the title, what the user wrote into a line with name "Box title" of the Infobox-inserting code.

Is it possible to do a similar thing in the header of a collapsible group in the box?

How can i add "show"/"hide" to the title of a portable infobox, that only the title-bar stays visible, if it´s collapsed?

I don't know quite how to explain what I want but I know what I want, and I have two things I would like to add to an infobox but I have no idea how to in source or in the new infobox editor. Please bear with me as I try to explain how I would like help:

Firstly, I would like to add sections to the infobox where it displays mutliple entries to a single sub-heading, if that makes sense. So for example how infoboxes usually work is like for [[w:c:tardis:The Doctor]] in her infobox she has the sub-heading "species" and the entry "The Doctor's Species". I would like to be able to make a type of infobox where it would be able to have "Species", "The Doctor's Species" and then a divided second entry that says, for example, "Time Lord" next to where it says "The Doctor's Species". Looking like this:

[title] | [info 1] | [info 2]

Secondly, I would like to do a similar thing except with three "blocks" running along the bottom of the infobox each with a different colour that would be customised on a per-page basis. For example:

[red] | [white] | [green]

Kind of like a flag, now that I think about it. Could anyone help me code this?

I've made a theme here, but I just don't know how to get the theme to show up. Here is the infobox CSS code.

Any help please?
Thank you!

Hi, is it possible to allow for custom labels? Probably through CSS, but how so?

For example, I have a portable infobox with the labels "Regular", "Limited" and "Deluxe". Sometimes, the "Limited" label needs to use a different word (in my case, "First Press"). So I want to use something like <label source="label" /> in the syntax and then |label= First Press in the article.

Is this achievable?

Recently, DA:ZW Wiki that I admin ran into a problem. We have even more mobile users than the staff expected. Majority of templates on the wiki were built as portable from the very beginning, and so there's no problem with them, but Notice templates are an exception.

What's the proper code to use for portable notices?

Posted this on another board earlier and was pointed in this direction.

I just took over a wiki here so I'm having to change a lot of stuff and update the format of a lot of stuff, and I don't know squat about how. I'm having a very, very, very difficult time finding out how to specificaclly do several things. Whenever I find an answer, it doesn't apply to my situation, it's in the wrong markup, etc. Given how easy it is to do something incorrectly, I'm going to post the entire thing to make sure that I get EXACTLY the right answer.

I want to do the following: 1-add a thick border to the entire infobox and thin borders around each row 2-change the background colors of the infobox, headers, and other cells,different colors each 3-If there is no info under any row under any given header, I want the header to automatically disappear as well as the row. In the code below I had to remove a few symbols to make all this visible for some reason. I don't even know how to post a question correctly. Ugh. Thanks!

infobox>
    <title source="name"><default>Support Requests - Getting Technical/@comment-43852372-20191004230139</default></title>
    <data source="sprite"><label>sprite</label></data>
    <header>Stats</header>
    <data source="level"><label>Level</label></data>
    <data source="hp"><label>Hit Points</label></data>
    <data source="strength"><label>Strength</label></data>
    <data source="toughness"><label>Toughness</label></data>
    <data source="speed"><label>Speed</label></data>
    <data source="intelligence"><label>Intelligence</label></data>
        <header>Drops</header>
    <data source="gems"><label>Gems Drop</label></data>
    <data source="drop"><label>Items Drop</label></data>
    <header>Miscellaneous</header>
    <data source="nickname"><label>Nickname</label></data>
    <data source="variant"><label>Variant</label></data>
    <data source="skills"><label>Skills</label></data>
    <data source="nameable"><label>Nameable</label></data>
    <data source="gender"><label>Gender</label></data>
    <data source="age"><label>Age</label></data>
    <header>Species/Origin</header>
    <data source="species"><label>Species</label></data>
    <data source="breed"><label>Breed</label></data>
    <data source="codex"><label>Codex</label></data>
    <data source="father"><label>Father</label></data>
    <data source="mother"><label>Mother</label></data>
    <data source="family"><label>Family</label></data>
    <header>Appearance</header>
    <data source="height"><label>Height</label></data>
    <data source="build"><label>Build</label></data>
    <data source="face"><label>Face</label></data>
    <data source="lips"><label>Lips</label></data>
    <data source="teeth"><label>Teeth</label></data>
    <data source="tongue"><label>Tongue</label></data>
    <data source="eyes"><label>Eyes</label></data>
    <data source="ears"><label>Ears</label></data>
    <data source="torso"><label>Torso</label></data>
    <data source="taur"><label>Taur?</label></data>
    <data source="arms"><label>Arms</label></data>
    <data source="hands"><label>Hands</label></data>
    <data source="legs"><label>Legs</label></data>
    <data source="feet"><label>Feet</label></data>
    <data source="skin"><label>Skin</label></data>
    <data source="hair"><label>Hair</label></data>
    <data source="facehair"><label>Facial Hair</label></data>
    <data source="fur"><label>Fur</label></data>
    <data source="feathers"><label>Feathers</label></data>
    <data source="scales"><label>Scales</label></data>
    <data source="horns"><label>Horns</label></data>
    <data source="antennae"><label>Antennae</label></data>
    <data source="wings"><label>Wings</label></data>
    <data source="fin"><label>Fin</label></data>
    <data source="abdomen"><label>Abdomen</label></data>
    <data source="tail"><label>Tail</label></data>
    <data source="tusks"><label>Tusks</label></data>
    <header>Accoutrements</header>
    <data source="clothing"><label>Clothing</label></data>
    <data source="jewelry"><label>Jewelry</label></data>
    <data source="piercings"><label>Piercings</label></data>
    <data source="tattoo"><label>Tattoo</label></data>
    <data source="glasses"><label>Glasses</label></data>
    <data source="weapon"><label>Weapon</label></data>
    <data source="armor"><label>Armor</label></data>
    <data source="occupation"><label>Occupation</label></data>
    <data source="quest"><label>Quest(s)</label></data>
    <data source="appears"><label>Location(s)</label></data>
    <data source="home"><label>Home</label></data>
    <data source="badend"><label>Bad End]]</label></data>
    <data source="interaction"><label>Interaction</label></data>
/infobox>
== Usage & preview ==
Type in this:

pre>
{{NPC
<
| level=
| hp=
| strength=
| toughness=
| speed=
| intelligence=
| 
| gems=
| drop=
| variant=
| nickname=
| skills=
| nameable=
| gender=
| age=
| codex=
| species=
| breed=Shepard
| person=
| origin= 
| offworld= 
| father=
| mother=
| family=
| height=
| build=
| lips=
| teeth=
| eyes=
| ears=
| torso=
| taur=
| arms=
| hands=
| legs=
| feet=
| skin=
| hair=
| fur=
| feathers=
| scales=
| horns=
| wings=
| fin=
| abdomen=
| tail=
| clothing=
| jewelry=
| pierced=
| tattoo=
| glasses=
| weapon=
| armor=
| home=
| occupation=
| quest=
| appears=
| badend=
| interaction=
}}

I would like to create a text gradient inside the Media Wiki themes CSS. I have tested the code in MDN Web docs by Mozilla, and was able to get the colors I desired. When I placed them into the section for the text color though, the text has become white. I am wondering how I need to alter the color (text) template in order to get this to work. Or is there some other CSS code I need to add to Themes CSS? Thank you.

an example of the code I currently have to set themes is: (this is for the meiko theme)

{
    background: #CC3333;
    color: linear-gradient(#CB2320, #6C0218);
     text-shadow: 2px 0 0 #BDBDBD, -2px 0 0 #D8D8D8, 0 2px 0 #A4A4A4, 0 -2px 0 #E6E6E6, 1px 1px #D8D8D8, -1px -1px 0 #F2F2F2, 1px -1px 0 #D8D8D8, -1px 1px 0 #848484;
}

I'm having problems with the infobox's width and image tabs. The width stays the same even when I change the width in the css, while the image tabs are not centered, here's the css for reference .

So I posted this over on the main community central area and was told might have better luck here so here's my issue:

I'm working on trying to get The Sims infoboxes converted over to portable but ran into a snag. I got most of the design set for the family template but the theme is set by the game field and uses several templates with switches and I'm not sure how to get it working in my test template. Obviously I don't want to edit 6k pages (for the other infoboxes with same themes for sims template) so looking for a way to get it working with as little interference/page editing as possible for the community. You can also see my current testing css is here if needed (sans no TS3 theme yet). Thanks!

I'm trying to come up with a solution to our horridly bad-on-mobile-looking Disambiguation pages, and I'm trying to build a portable infobox to replace that top box. However, is there a way for the image in the PI to be a link to another page, kinda like [[File:None.jpg|link=None]] in MediaWiki?

I know it obviously woun't work on mobile.

Here's my tester. It needs work.

can someone make for me or help/guide me how to make infobox like wikipedia infobox of battle

I tried to copy text and there was sth about bad about that i made sth wrong in template and i tried once more - the text was just on different background but there was only letters.

Im sitting and searching 12h and im done.....

Mabye im stupid (it can be true) cause its my first time sitting with infoboxes and sourcecode (sry for my bad Eng)

An editor has asked me to skin their portable infobox like the old non-portable infobox. I've gotten very close, but the data at the top is not displaying.

The old and new infoboxes can be compared here: https://wasteland.fandom.com/wiki/Template:WL2_Character/tests
The new infobox can be found here: https://wasteland.fandom.com/wiki/Template:WL2_Character/draft
The css for the new infobox, at the bottom: https://wasteland.fandom.com/wiki/MediaWiki:Wikia.css
The old infobox: https://wasteland.fandom.com/wiki/Template:WL2_Character/old
https://wasteland.fandom.com/wiki/Template:Infobox

The admins on that wiki are not active, so the editor turned to me for help. Once all the code is working, I'll offer the editor advice about improvements.

Ferretwings, CTM

I am trying to understand why the second quote template ({{Quote}}) on this page shows up with the fancy quote format on my iPhone's Safari.