FANDOM


  • Jiaer
    Jiaer closed this thread because:
    .
    23:31, June 22, 2020

    Can I please ask for some help with Twice Wiki?

    1. how do I edit the css of the main navigation?

    2. how do I change the color font of the heading pages? It's currently black on every page.

    3. I would like 2 tabbers, one for lyrics and one for general use, how do I have both?

    4. I've changed the customization of the tabber, but how do I change the color font of the content inside the tabber?

    5. The infobox when one is active, the button turns all white (white font, white background) I'm not sure where in the css code I can change it?

    Sorry too many questions, but your help would be appreciated.

      Loading editor
    • Hello, have you managed to solve these problems?

        Loading editor
    • Hi Jiaer, thanks for getting back to me, I've managed to solve most of them except for point 3 and 4. 

      For point 4, I've managed to change the background of the tab content, but how do I make it a bit transparent so that the lyrics can stand out?

        Loading editor
    • Hello there! Sorry to interupt x)

      For .3 you can try :

      /* default tab */
      ul.tabbernav li a {
          color: red !important;
      }
      /* active tab */
      ul.tabbernav li.tabberactive a {
          color: green !important;
      }
      

      But wouldn't changing the active tab bakground would suit better?

      For .4 you used rgba(92,90,90,1) !important for the background. The opacity depends on the last number : putting a 0 would make it totally transparent and 1 is totally opaque. If you want it slightly transparent you can use .7. You can also use hex code for this. For example #0008 (or #00000088) is a half transparent black.

      DevTools is really useful to have an overview of the change before editing the css.

        Loading editor
    • Thank you for answering it Utau. I'm so busy with my studies that I didn't have time. :)

        Loading editor
    • UtauSteam wrote:
      Hello there! Sorry to interupt x)

      For .3 you can try :

      /* default tab */
      ul.tabbernav li a {
          color: red !important;
      }
      /* active tab */
      ul.tabbernav li.tabberactive a {
          color: green !important;
      }
      

      But wouldn't changing the active tab bakground would suit better?

      For .4 you used rgba(92,90,90,1) !important for the background. The opacity depends on the last number : putting a 0 would make it totally transparent and 1 is totally opaque. If you want it slightly transparent you can use .7. You can also use hex code for this. For example #0008 (or #00000088) is a half transparent black.

      DevTools is really useful to have an overview of the change before editing the css.

      Thanks Utausteam, I'll have a read, very helpful.

        Loading editor
    • You can ask me on my wall if you have more questions ;)

        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.