Board Thread:Support Requests - Designing Your Wiki/@comment-36009152-20180815193635/@comment-9605025-20180826000942

1) Here is one of the snippets of CSS from my previous post. For the purposes of demonstration, I have use tab for "border-radius" and "font-size" but spaces for "padding". Copy the CSS into a plain-text editor such as Notepad or Gedit (depending on what OS you have). Now use your arrow keys to move the cursor back and forth along the rows. You should notice that the large whitespace at the beginning of the lines are traversed differently. Depending on how your text editor is set-up, they may even appear differently despite appearing identical in this post.

But remember, my comment was just a suggestion. If you would prefer to just leave it as is, it should still work.

2) I am not seeing any duplicated selector-property combinations in your current CSS. So I don't think you need to do any replacing/deleting even if it was stuff you copied. In fact, you probably want to keep it as it still impacts the styling. Unless, of course, it is doing something you don't want.

3) I think you don't quite have the correct idea about what those pages do. Chat.css is for the chat feature, not Discussions. Special:MyPage is a special page that replaced it's place in the URL with the name of the logged-in user's user page. For example, if I used it, it would take me to User:Andrewds1021. However, if you use it, it takes you to User:S3r0-Ph1i. The part at the end, /common.css, allows you to access subpages. For me, that is User:Andrewds1021/common.css and for your that is User:S3r0-Ph1i/common.css. As for the CSS page itself, it is a personal CSS page. Personal CSS is applied to what you see when you are logged-in. It does not impact what anyone else sees. Furthermore, the common.css subpage only applies to the wiki it is on. For example, if you place CSS on your common.css on the Ten Count Wiki, you will see changes there but not here.

Did that clear things up or did I completely miss your question?

3) There are a few things that could be causing the width issue. Could you tell me which edit it was that made them shorter? Then I might be able to determine what changes are needed to fix it. As for the CSS you specifically asked about, that is affecting the element that encapsulates both the label and the value. Is there a reason you want to modify it, perhaps the width issue?

4) As I said before, the infobox corners aren't uniform spacing. They are just so close that you can't tell the difference. As for what the other wiki has; it is possible. It depends on how they specify their other length. Right now, we are specifying our length using "px", which is an absolute scale. That wiki is using "em", which is a unit of distance set relative to the current font size. If you want to know more about the different units in CSS, you can read this page.

5) You add the nowiki tags immediately around whatever text you don't want to be interpreted. Unfortunately, I cannot show you how to use it as there isn't a good way to tell MediaWiki to not interpret the nowiki tags. For showing a block of MediaWiki markup, you can use pre tags. I typically place the opening tag on the line immediately before the markup and the closing tag on the line immediately after. If you are doing something like CSS or another recognized programming/scripting language, you can use syntaxhighlight or source tags. This one I actually can show you. My reply in #1 uses the following.

6) In the markup you use to create your main page “modules”, you already specify the text alignment of the title. Just change it from “left” to “center”. What you currently have is: ! style="margin: 0; font-size: 200%; font-weight: bold; text-align: left; color:#000008; font-family:Libre Baskerville; background-image: linear-gradient(to right, pink 30%, #5DBCD2); border-radius: 8px;" |Welcome to the Ten Count Wiki! What you want is: ! style="margin: 0; font-size: 200%; font-weight: bold; text-align: center; color:#000008; font-family:Libre Baskerville; background-image: linear-gradient(to right, pink 30%, #5DBCD2); border-radius: 8px;" |Welcome to the Ten Count Wiki! As for the font, I am afraid I don’t know. There are an awful lot of fonts out there and that doesn’t include the fact that you can even create your own. If I recall correctly, a while ago, I saw someone mention something about font recognition tools being available on the web. Maybe try looking for some of those and see if they can help identify a close font. Chances are that the text in the image was made as part of the artwork rather than using a standard font.