FANDOM


  • Hello, this might sound like a silly question but I am a bureaucrat for Noah Cyrus Wiki ¬†and I want to change the color of the infoboxes to black headers, how do I do so? The only way I have found to make them the color I want is by turning on "Europa Infobox Theme" which makes them big and I don't like That. If anybody could tell me how to fix it that would be great. Thanks.BUREAUCRATBUREAUC

      Loading editor
    • The simplest solution would probably be to edit your infobox .css. Importing this into your MediaWiki:Common.css seems to do the trick.

      .portable-infobox .pi-title {
          color: white;
          background-color: #000;
      }
      

      Where "white" is, you put in the color you want the text to be, where "000" is, you put the bg color. Here's a list of hex colors if you need to get precise.

        Loading editor
    • it only changed the top one to black

        Loading editor
    • Oops, I knew I forgot something. This snippet changes the other headers.

      .portable-infobox .pi-header {
          color: white;
          background-color: #000;
      }
      
        Loading editor
    • Thank you so much!

        Loading editor
    • Not a problem.

        Loading editor
    • Also, to reduce code and clutter in CSS, you can replace both codes with the following. They will however give the same result:

      .portable-infobox .pi-header,
      .portable-infobox .pi-title {
          color: white;
          background-color: #000;
      }

      After each element name, you have to add commas to them, if you want the element names to apply the same rules.

        Loading editor
    • A FANDOM user
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message