Topic on Project:Support desk

I Am Trying To Change The Appearance Of My Wiki:

6
In Correct (talkcontribs)

Here is the code I have in MediaWiki:Common.css

Is there an easier way? Should I upgrade MediaWiki? I am trying to make all the headers with white text and highlighted with a dark red bar.

But why isn't it working with the sidebar?!

See for yourself if I am confusing you. http://wiki.boingblogs.com/

/* CSS placed here will be applied to all skins */
 
h1 {
  background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white;
}
 
h2 {
  background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white;
}
 
h3 {
  background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white;
}
 
h4 {
  background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white;
 
}
 
h5 {
  background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white;
}
 
h6 {
  background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white;
 
}
 
h7 {
  background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white;
}
 
h8 {
  background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white;
}
 
h9 {
  background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white;
}
 
h10 {
  background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white;
}
 
h11 {
  background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white;
}
 
h12 {
  background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white;
}
 
#p-navigation h5 { background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white; }
#p-tb         h5 { background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white; }
#p-search     h5 { background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white; }
Ciencia Al Poder (talkcontribs)

Sidebar uses h3 instead of h5.

In addition, sidebar has more specific styles applied to it, that will override your styles. You can see them with the developer tools of your browser (hit F12). You can try with this instead:

h1, h2, h3, h4, h5 {
  background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white;
}

#mw-panel.collapsible-nav .portal h3 {
  background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white;
}
#mw-panel.collapsible-nav .portal h3 a {
 color: white;
}
AKlapper (WMF) (talkcontribs)

You might want to start by explaining what the problem is you'd like to solve.

88.130.125.213 (talkcontribs)

I also did not understand, which problem you currently have.

One note:

When you have one and the same CSS rule (the ones you posted all are the same, right?), then you can also combine them like so:


h1, h2, h3, #mw-panel.collapsible-nav .portal h3 {
  background: url("skins/common/images/catbg.jpg") repeat-x scroll 0 0 #990000; color: white;
}
In Correct (talkcontribs)

Sidebar uses h3 instead of h5.

This seems to work with my sidebar. It caused the white text to be highlighted in dark red. The other codes did not work.

You might want to start by explaining what the problem is you'd like to solve.

I want a theme for my Wiki. Mostly white background with a few areas that have white text highlighted in red. If possible, Are there theme extensions that I can install? Do I need to have the latest version of MediaWiki?

MediaWiki 1.21.1 PHP 5.3.28 (cgi-fcgi) MySQL 5.5.33-31.1

Ciencia Al Poder (talkcontribs)

Well, last time I checked, the default skin of your wiki was Vector, not Monobook. Things are styled differently on both skins. You should use MediaWiki:Common.css for styles applied to the content of the wiki (the "common" part between skins).

There are no "themes" for MediaWiki (for a particular skins), but instead you can style it with CSS directly. Although that requires you some knowledge about CSS.

Reply to "I Am Trying To Change The Appearance Of My Wiki:"