FANDOM


  • My coding is here

    I am trying to get the bottom navigation header(?) to change color like the above headers.

    Example here: Item page with called color, notice the [Source] header.

    By default it is gray unless you leave the |color = parameter blank.

      Loading editor
    • The default setup you have is very strange for what you are trying to accomplish.

      I've cleaned up the CSS you had and put it in the more standard Themes.css. Then I started to integrate themes into it from your ibcolor template. I did not finish, but it should give you an idea on what to do next. That's the "right" way to do what you're trying to do. If you need help finishing that, we can get someone to help you. The template Infobox/Item/Draft has the cleaner code for what you're trying to do as well, and when you pair it with the Themes.css you should have a lot better result.

        Loading editor
    • Thank you. And I would like help complete it, I am not the best at css things as I am a learn by studying type of person.

        Loading editor
    • Hey Bunai83!

      I have created you the rest of the CSS code, here. Please replace /* and so on */ with the following lines of code:

      .pi-theme-black1    { --heading-color: black; --heading-text-color: white; }
       
      .pi-theme-white1    { --heading-color: white; -heading-text-color: black; }
       
      .pi-theme-red1      { --heading-color: #dc143c; -heading-text-color: black; }
       
      .pi-theme-orange1   { --heading-color: #ff7f00; -heading-text-color: black; }
       
      .pi-theme-yellow1   { --heading-color: #ffff00; -heading-text-color: black; }
       
      .pi-theme-green1    { --heading-color: green; -heading-text-color: black; }
       
      .pi-theme-blue1     { --heading-color: #87ceeb; -heading-text-color: black; }
       
      .pi-theme-purple1   { --heading-color: #9370db; -heading-text-color: black; }
       
      .pi-theme-pink1     { --heading-color: #FF69B4; -heading-text-color: black; }
       
       
       
      .pi-theme-red2      { --heading-color: #dc143c; -heading-text-color: white; }
       
      .pi-theme-orange2   { --heading-color: #ff7f00; -heading-text-color: white; }
       
      .pi-theme-yellow2   { --heading-color: #ffff00; -heading-text-color: white; }
       
      .pi-theme-green2    { --heading-color: green; -heading-text-color: white;}
       
      .pi-theme-blue2     { --heading-color: #87ceeb; -heading-text-color: white; }
       
      .pi-theme-purple2   { --heading-color: #9370db; -heading-text-color: white; }
       
      .pi-theme-pink2     { --heading-color: #FF69B4; -heading-text-color: white; }
       
       
       
      .pi-theme-red1      { --heading-color: #dc143c; -heading-text-color: #dc143c; }
       
      .pi-theme-orange1   { --heading-color: #ff7f00; -heading-text-color: #ff7f00; }
       
      .pi-theme-yellow1   { --heading-color: #ffff00; -heading-text-color: #ff7f00; }
       
      .pi-theme-green1    { --heading-color: green; -heading-text-color: green;}
       
      .pi-theme-blue1     { --heading-color: #87ceeb; -heading-text-color: #87ceeb; }
       
      .pi-theme-purple1   { --heading-color: #9370db; -heading-text-color: #9370db; }
       
      .pi-theme-pink1     { --heading-color: #FF69B4; -heading-text-color: #ff69b4; }
       
       
       
      .pi-theme-aekea { --heading-color: #3b3b3b; -heading-text-color: #fff ; }
       
      .pi-theme-barton { --heading-color: #ff6600; -heading-text-color: #fff ; }
       
      .pi-theme-durem { --heading-color: #a00; -heading-text-color:#fff ; }
       
      .pi-theme-isle_de_gambino{ --heading-color: ##000066; -heading-text-color:#fff ; }
       
      .pi-theme-gaia_interactive { --heading-color: #2ABFB5; -heading-text-color:#fff ; }
       
       
       
      .pi-theme-green_denizen { --heading-color: #003300; -heading-text-color:#fff ; }
       
      .pi-theme-purple_denizen { --heading-color: #800080; -heading-text-color:#fff ; }
       
       
       
      .pi-theme-Gold_Shop_Item, .pi-theme-gold_shop_item, .pi-theme-GS, .pi-theme-gs { --heading-color: #A05F6B; -heading-text-color: #fff; }
       
      .pi-theme-zOMG_Item, .pi-theme-zomg_item, .pi-theme-zomg, .pi-theme-zg { --heading-color: #605371; -heading-text-color: #fff; }
       
       
       
      .pi-theme-Chance_Item, .pi-theme-chance_item, .pi-theme-ci, .pi-theme-CI, .pi-theme-Chance_Item_Bundle, .pi-theme-Sub_-_Chance_Item { --heading-color: #ff8b00; -heading-text-color:#000 ; }
       
      .pi-theme-Evolving_Item, .pi-theme-evolving_item, .pi-theme-EI, .pi-theme-ei, .pi-theme-Evolving_Item_Bundle { --heading-color: #8591ff; -heading-text-color: #000; }
       
      .pi-theme-Money_Collectable, .pi-theme-money_collectable, .pi-theme-MC, .pi-theme-mc, .pi-theme-Money_Collectable_Bundle { --heading-color: #ff00ff; -heading-text-color:#000 ; }
       
      .pi-theme-Animated_Item, .pi-theme-animated_item, .pi-theme-AI, .pi-theme-ai, .pi-theme-Animated_Item_Bundle { --heading-color: #ffdc5c; -heading-text-color:#000 ; }
       
      .pi-theme-Aquarium_Item, .pi-theme-aquarium_item, .pi-theme-AQ, .pi-theme-aq, .pi-theme-Aquarium_Item_Bundle { --heading-color: #00ffc6; -heading-text-color: #000 ; }
       
      .pi-theme-Cash_Shop_Item, .pi-theme-cash_shop_item, .pi-theme-CS, .pi-theme-cs { --heading-color: #ffdc5c; -heading-text-color:#000 ; }
       
      .pi-theme-Limited_Quantity_Item, .pi-theme-limited_quantity_item, .pi-theme-LQ, .pi-theme-lq, .pi-theme-Limited_Quantity_Item_Bundle { --heading-color: #; -heading-text-color: ; }

      If you need any additional help, please let me know. :D

        Loading editor
    • Algorithmz wrote: Hey Bunai83!

      I have created you the rest of the CSS code, here. Please replace /* and so on */ with the following lines of code:

      If you need any additional help, please let me know. :D

      I have placed the code in the Theme.css. Am I suppose to transfer the code to my Portable_infoboxes.css?

      Thanks again.

        Loading editor
    • The final step is approving the new template, using the Approve button on w:c:gaia:Template:Infobox/Item/Draft.

      Approve button
        Loading editor
    • Thank you.

      Can I ask why my infobox titles have become flat(?)

      Also, some of the trigger words are not functioning. Sandbox

        Loading editor
    • (-_-) Sorry to keep bugging ppl, but the Monthly Collectible (official name) just doesn't want to work. Is Wikia blocking the name intentionally?

        Loading editor
    • No, we're not blocking the name, but it was not coded as an option. Should be fixed.

        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

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.