- Articles
95 results
-
Text Color
Text color is a CSS attribute that allows you to change the color of your text. You can use this for inline or external CSS. When you work with inline CSS, you can apply it to different tags like the tag and the tag. To change the color of your text, switch to the Source Editor and... -
Fonts
Fonts are groups "letter forms" that describe how each letter should look in text.[1] Well-known fonts include Arial and Times New Roman. In CSS, we call these "font families." When you code in HTML & CSS, you can specify the font family you'd like to use. If you use a "web safe" font, it's... -
Text Align
Text align is an HTML, CSS, and WikiText attribute used to change the alignment of text (and ONLY the text). It's commonly used for centering, but can also be used to right align or left align! To use Text Align, type in: text-align:__ Fill in the blank with 'left', 'center', or 'right'! You can... -
Text Size
Text Size is an important attribute that plays a big part in coding. There are different codes to make your text be huge or tiny. There are also various ways you can do it. It can be used with any font(s) and done in any color. (See the colors page.) The code for this: TEXT -
Coding Help Wiki
-
Gradients
-
Borders
Border is an HTML, CSS, and a WikiText attribute that changes the color, type, and size of an element's border. It is similar to the border radius. Borders can surround textboxes, or div elements, and just plain text, or span elements. They have multiple attributes such as size, color, pattern... -
Tabber
Tabber is a function on FANDOM that allows you to put information in multiple or just one tab(s). It is very similar to Tabview, however, it does not take the information from other pages and templates. Code: |-|(Insert tab name here one)= Content One |-|(Insert tab name here two... -
Buttons
Buttons are a WikiText/Wikicode feature that allow you to make buttons. Their color depend on the Wiki's default color for buttons, with added attributes. To make a default button, use class="wds-button". Example: button Code: button Add class="wds-button... -
Tables
Tables are a subject that may be confusing, but by memorizing a few basic rules and learning how to use them, you may find that tables are extremely useful from everything to visual appeal to formatting and structuring your page. If you need only one row of tables, though this is not... -
Image Modification
See Also: Help:Adding Images Image Backgrounds Imagemaps Have you ever wondered how to get an image to go in an article/template? How do you get that little border on an image? Look no further, this is the place for you! Images are incredibly useful to help your readers understand content, and... -
Text Modification
The Bold text can be used in four different ways! Here are the three different ways to use bold text: Insert bold text here, which gives you: Insert bold text here. This method will only work with FANDOM coding. '''Insert bold text here''', which gives you Insert bold text here... -
Scrolling Boxes
You can create scrolling boxes with WikiText, and with HTML and CSS as well using the "overflow:auto;" attribute. Scrolling boxes are mainly for lists or sections of a page. The way this works is you create a box, and as you type the box will create scroll bars so that all the text fits. Here is... -
Backgrounds
Backgrounds are a HTML, CSS, and WikiText Attribute. This guide will teach you how to make a solid background. Once you've figured out solid colors, you can begin exploring more advanced types of backgrounds. If you want a Gradient, repeating (using Background Size), or Image background, go to... -
Sandboxes
Sandboxes let you draft or test code or text in a personal area. You can do just about anything you want in your sandbox. You can practice your HTML/CSS skills, draft an article, experiment with an idea, or do something else. Sandboxes may be public or personal. Public sandboxes are used by many... -
Spotify Feature
The Spotify feature, much like the now unused SoundCloud feature, adds a box with a Spotify track/song/record/artist/podcast/etc. in it. To listen to the music, you do not have to be logged in, as this is only a sample. You will only need an account if you want to listen to the whole song. NOTE... -
Beginner's Guide
To start your coding journey on Fandom, you will need to understand some basics first. Start with the general concepts, then dive into details to add features to your code. Blog: How to Begin Coding Skills and concepts to know: Accessibility Artificial intelligence (and why you shouldn't rely on... -
Background images
In regular CSS, adding image backgrounds is easy. But on Fandom wikis, images work differently, and that can lead to challenges. Luckily, our devs have found ways to make background images work on Fandom. Remember accessibility and readability as you code. Always specify a fallback color and a... -
Border Radius
This article is about changing the rounding or radius of borders. You may be looking for Borders instead. Border radius is a CSS attribute that rounds the corners of an element, including its border. It can be used in regular HTML/CSS and WikiText. You don't actually need a border to control... -
Opacity
Opacity is a HTML, CSS, and WikiText attribute used to raise or lower the opacity of a coded element, like a badge. Opacity is often used in popups and floating boxes—to make content behind slightly visible. An important note: Using opacity as an attribute changes the ENTIRE opacity of the... -
Badge Tutorial
Badges are coded items made of HTML and WikiText that are commonly used on profile pages. They tell readers that the user is friends with someone, a club they are in, or that the page contains spoilers from the latest book! Badges are made from things called templates, which hold the code of the... -
Text Shadow
Notes: The following is a short tutorial of how to properly code the text shadow element. This is what it looks like: text shadow Code: text shadow You can also add Hex Codes to it to substitute "black" for different colors! Awesome, right... -
Headers
Headers are a WikiText coded item that defines a section in the text. You can see them a LOT on wiki pages/articles—the 'Introduction' header that you see on this page is one! They're also closely related to tables of content, which we'll explore in this guide too! WikiText headers are made with... -
Padding
Padding is an HTML, CSS, and WikiText attribute that changes the space between the borders of your badge/template and its content. It's a must-have if you want your badge to look nice. Padding can also be used if an image is being tricky, or you need to do some quick formatting! Here is an... -
Collapsibles
This guide is about collapsibles, pieces of text, that when clicked on expand to reveal content below or next them. They are often used to clear up pages and save space, like when you have a long list but don't want it to be annoying to scroll through. Simple collapsibles require very little...