Help:Reference display customization
Warning: You are not logged in. Please create an account or log in to proceed.
 | This help page is a how-to guide. It explains concepts or processes used by the Wikipedia community. It is not one of Wikipedia's policies or guidelines and may reflect varying levels of consensus. |
Warning: You are not logged in. Please create an account or log in to proceed.
You can customize how inline citations and reference lists appear to you when you are logged into your account by adding any of these rules to your CSS. After editing, bypass your cache.
Reference list
Adjust font size
/* Set the font size for reference lists */
ol.references,
div.refbegin {
font-size: 90%;
}
Change 90% to the desired size. See also Special:Preferences → Gadgets → Disable smaller font sizes of elements such as Infoboxes, Navboxes and References lists.
Suppress display
/* Suppress display of the reference list */
ol.references {
display: none;
}
Highlight clicked reference in blue
/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target {
background-color: #DEF;
}
See web colors.
Put in a box with a scrollbar
 | Parts of this help page (those related to this section) need to be updated. Please help update this help page to reflect recent events or newly available information. Relevant discussion may be found on the talk page. (August 2026) |
/* Restore reference numbers with fixed counters and proper containment; resets counter, positions numbers absolutely, keeps them fixed while scrolling, and prevents breaching beyond the list */
@media screen {
ol.references {
counter-reset: references;
width: calc(100vw - 296px);
overflow-x: hidden;
overflow-y: auto;
padding-right: 0.5em;
max-height: 320px;
position: relative;
margin-left: 0;
padding-left: 2.5em;
}
/* Style the reference list items */
ol.references > li {
list-style-type: none;
position: relative;
margin-bottom: 0.5em;
counter-reset: nested-li;
}
/* Style the citation numbers */
ol.references > li::before {
content: counter(references) ". ";
counter-increment: references;
position: absolute;
left: -2.5em;
width: 2.5em;
text-align: right;
}
/* Ignore nested li elements in ul for counter increment */
ol.references > li ul li {
list-style-type: none;
counter-increment: none;
}
}
To show the reference list in a collapsible box, see User:TheDJ/Folded references.
Disable columns
/* Disable columns for <references/>, {{reflist}} and {{refbegin}} */
.mw-references-columns, .references-column-count, .references-column-width {
column-count: 1 !important;
column-width: auto !important;
}
To set a fixed number of columns, change 1 to the desired number.
Add dividers (rules) between columns
/* Add dividers (rules) between columns */
.mw-references-columns, .references-column-count, .references-column-width {
column-rule: 1px solid #aaa;
}
You can alter the appearance of the dividers by changing the values.
In-text cites
Hide in-text footnote markers
Edit your common JavaScript and add: {{subst:lusc|User:Zhaofeng Li/RefToggle.js}}
Don't include citation numbers when selecting text (e.g. to copy and paste)
Edit your CSS to add:
sup.reference { user-select: none; } /* Don't copy citation numbers */
Keep reference superscript and subscript text from breaking the line-spacing
#content sup.reference {
vertical-align: baseline;
position: relative;
bottom: 0.33em;
}
#content sub.reference {
vertical-align: baseline;
position: relative;
bottom: -0.25em;
}
Prevent wrapping
This fixes a cosmetic issue with Internet Explorer where a wikilink followed immediately by an in-text cite may cause the link and cite to be underlined together; not supported by IE6 and IE7
/* Add a zero-width space before the in-text citation */
sup.reference:before {
content: "\200B"; text-decoration: none;
}
This will join the in-text cite to the preceding text, preventing it from wrapping; it does not add a space; does not work for Internet Explorer
/* Add a zero-width joiner before the in-text citation */
sup.reference:before {
content: "\200D"; text-decoration: none;
}
Add a space before the in-text citation
This will join the in-text cite to the preceding text, preventing it from wrapping; a space will show between the text and the in-text cite; not supported by IE6 and IE7
/* Add a non-breaking space before the in-text citation */
sup.reference:before {
content: "\A0"; text-decoration: none;
}
Hide the brackets for the inline cite
/* Hide the brackets for the inline cite */
sup.reference a span {
display: none;
}
Hide in-text cites
/* Hide in-text cites */
.reference {
display: none;
}
Larger, bolder in-text citations
/* Larger, bolder in-text citations */
p sup.reference a {
font-weight: bold;
font-size: 140% !important;
color: #55C !important;
background: #FFF !important;
}
hover sup.reference a {
background: #FFFF00 !important;
color: #1010FF !important;
}
hover sup.reference a:visited {
color: #5A3696 !important;
}
hover sup.reference a:active {
color: #FAA700 !important;
background: #0808F8 !important;
}
Inconspicuous in-text citations
The :before and :after pseudo-elements are not supported by IE6 and IE7
/* inconspicuous in-text citations */
sup.reference {
white-space: nowrap;
}
sup.reference a {
font-size: 0.85em;
font-weight: lighter
}
sup.reference:after {
content: ' '; /* non-break space after cites */
text-decoration: none;
}
sup.reference a span {
display: none; /* hide the brackets */
}
p sup.reference a,
tr sup.reference a,
caption sup.reference a,
ol sup.reference a,
ul sup.reference a,
dl sup.reference a {
color: black;
}
p:hover sup.reference a,
tr:hover sup.reference a,
caption:hover sup.reference a,
ol:hover sup.reference a,
ul:hover sup.reference a,
dl:hover sup.reference a {
color: rgb(0, 43, 184);
text-decoration: underline;
}
p:hover sup.reference a:visited,
tr:hover sup.reference a:visited,
caption:hover sup.reference a:visited,
ol:hover sup.reference a:visited,
ul:hover sup.reference a:visited,
dl:hover sup.reference a:visited {
color: #5A3696;
}
p:hover sup.reference a:hover,
tr:hover sup.reference a:hover,
caption:hover sup.reference a:hover,
ol:hover sup.reference a:hover,
ul:hover sup.reference a:hover,
dl:hover sup.reference a:hover {
color: #002BB8;
}
p:hover sup.reference a:active,
tr:hover sup.reference a:active,
caption:hover sup.reference a:active
ol:hover sup.reference a:active,
ul:hover sup.reference a:active,
dl:hover sup.reference a:active {
color: #FAA700;
}
Pop-ups
To add pop-ups for the in-text citation that show the full citation, see User:Blue-Haired Lawyer/Footnote popups.
Also, the Gadget at Special:Preferences#mw-prefsection-gadgets->Browsing->Reference Tooltips.
Error messages
Show citation errors in all namespaces
By default error messages only show for these namespaces: Article, category, template, file, help, portal, wikipedia, draft. Errors do not show on talk and user pages unless enabled:
/*show cite errors on all pages*/
.mw-parser-output span.brokenref {
display: inline;
}
Show non-fatal errors
Additionally, in the Article namespace citation templates suppress non-fatal errors by default. These messages can be made visible using:
.mw-parser-output span.cs1-hidden-error { display: inline; }
Content Disclaimer
Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.
- The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
- There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
- It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
- Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
- Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.