Board Thread:Support Requests - Getting Technical/@comment-1738746-20150626082130/@comment-1738746-20150628070434

Spottra wrote: You can do whatever you like to the toggle button. The only important thing is that you keep the "mw-customtoggle-xxx" class on it (that's what makes it a toggle button). You don't have to use the "wikia-menu-button" class at all if you don't want to, or you can use inline styles or CSS to modify it. Or, make your own CSS class altogether and add interesting hover/click behavior.

<div class="mw-customtoggle-myTable" style="  display: inline-block;   cursor: pointer;   font-family: 'Comic Sans MS', 'Marker Felt', sans-serif;   font-size: 24pt;   font-weight: bold;   color: white;   text-shadow: 2px 2px 2px black;   padding: 15px;   background-color: #003378;   background: -moz-linear-gradient(top, #00AB49 35%, #007833 65%);   background: -webkit-linear-gradient(top, #00AB49 35%, #007833 65%);   background: -o-linear-gradient(top, #00AB49 35%, #007833 65%);   background: -ms-linear-gradient(top, #00AB49 35%, #007833 65%);   background: linear-gradient(to bottom, #00AB49 35%, #007833 65%);   border: 1px solid #003378;   border-radius: 15px;   box-shadow: 4px 4px 4px #777; ">Show/Hide table Sorry for the slow response- this is exactly what I was after! :) Thanks for providing an example I can work off too, this is really really useful! Thanks to everyone for helping out on this :D