Difference between revisions of "Custom Styling"

From Tweeki
Jump to: navigation, search
m (Added the mediawik:tweeki.css option)
 
Line 2: Line 2:
 
As usual you have several options to add custom CSS to your MediaWiki installation (see also the [http://www.mediawiki.org/wiki/Manual:CSS manual pages on mediawiki.org]):
 
As usual you have several options to add custom CSS to your MediaWiki installation (see also the [http://www.mediawiki.org/wiki/Manual:CSS manual pages on mediawiki.org]):
  
 +
* If you know how it works, you can make use of Tweeki's [[Webpack]] setup. This allows you to also change bootstrap variables.
 
* via '''[[Mediawiki:Common.css]]''': be aware that it is not used for the login and preferences pages (you can, hower, [http://www.mediawiki.org/wiki/Manual:CSS#Styles_not_working_on_Special:UserLogin_or_Special:Preferences.3F allow it] if you don't care for the security implications)
 
* via '''[[Mediawiki:Common.css]]''': be aware that it is not used for the login and preferences pages (you can, hower, [http://www.mediawiki.org/wiki/Manual:CSS#Styles_not_working_on_Special:UserLogin_or_Special:Preferences.3F allow it] if you don't care for the security implications)
 
* via '''[[Mediawiki:Tweeki.css]]''': more specifically, this CSS will only be loaded when you're using Tweeki as a skin. Same exceptions as above!
 
* via '''[[Mediawiki:Tweeki.css]]''': more specifically, this CSS will only be loaded when you're using Tweeki as a skin. Same exceptions as above!

Latest revision as of 20:40, 2 February 2025

As usual you have several options to add custom CSS to your MediaWiki installation (see also the manual pages on mediawiki.org):

  • If you know how it works, you can make use of Tweeki's Webpack setup. This allows you to also change bootstrap variables.
  • via Mediawiki:Common.css: be aware that it is not used for the login and preferences pages (you can, hower, allow it if you don't care for the security implications)
  • via Mediawiki:Tweeki.css: more specifically, this CSS will only be loaded when you're using Tweeki as a skin. Same exceptions as above!
  • via your own extension


$wgResourceModules['xxx'] = [
    'styles' => 'styles.css',
    'localBasePath' => '.',
    'remoteExtPath' => '',
    'position' => 'top'
];