FANDOM


  • I'm currently attempting to style the tabbers on the infoboxes on pages of my wiki, as they currently look like this. I can't seem to work out how to make these look like actual buttons. I would like the bar to look similar to the one of the Grand Theft Wiki (but with the site colours, which I can easily do).

      Loading editor
    • Both wikis are using <gallery>

      Looking at the Hollyoaks ul.pi-image-collection-tabs element, I notice these have been deleted

      margin: 0 -1px -1px 0;
      text-align: center;
      


      Looking at MediaWiki:Wikia.css I noticed this has been added

      .portable-infobox .pi-item-spacing {
          padding: 0 0px;
          margin: 0px;
      }
      


      I recommend that you move .pi-item-spacing to specific .pi-data-value and/or .pi-data-label - plus any other MediaWiki that is over-ruling the default settings.

        Loading editor
    • Danielroxheaps
      Danielroxheaps removed this reply because:
      10:09, August 17, 2019
      This reply has been removed
    • Thanks for your help! It looks much better.

        Loading editor
    • As threads are revisited at later dates to find solution to similar problems, the MediaWiki:Wikia.css needed

      /* remove default padding and margin */
      .portable-infobox  {
          padding: 0 0px;
          margin: 0px;
      }
      
      
      /* set padding and margin in label/data instead */
      .portable-infobox .pi-data-value .pi-item-spacing {
          padding: XXpx;
          margin: 0px;
      }
      .portable-infobox .pi-data-label .pi-item-spacing {
          padding: XXpx ;
          margin: 0px;
      }
      
        Loading editor
    • Cocopuff2018
      Cocopuff2018 removed this reply because:
      hi
      13:15, August 17, 2019
      This reply has been removed
    • A FANDOM user
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message
Community content is available under CC-BY-SA unless otherwise noted.