To make my wiki more nicely I want to try to edit the lay-out of an slider. I tried to remove some elements on an wiki and it gives an nice result and it won't effect the mobile skin (yes I known it possible with the toggle function but I want to try making something that won't give disadvantage on mobile mode:
I had to remove some hovers and unclick some css feactures in orde this to work, so it will probaly need an js and css.
This are the elements that I want to try to remove:
- SPAN.wikia-slideshow-image-caption
- DIV.wikia-slideshow-toolbar.clearfix
CSS:
Border
.accent { background-color: rgb(204, 225, 239); border-color: rgb(0, 108, 176); color: rgb(58, 58, 58); }
Background
.neutral { border-color: white; color: rgb(58, 58, 58); background-color: rgb(204, 204, 204); }
I tried testing some myself but it seems I can't get it to work with the display none function. So it will probaly need some js.
Suggestions? --Jens Ingels (talk) 15:30, August 21, 2012 (UTC)
Edite: Found the css to remove the background:
/* Test */ .neutral { border-color: transparent; /*This*/ background-color: transparent; color: transparent; } .accent { background-color: transparent; /*This*/ border-color: transparent; color: transparent }
I'm not sure when the other color do but I made them transparent just to make sure. I suppose I could do this similar with the other 2. Now it's only the DIV.wikia-slideshow-toolbar.clearfix that's still an problem. Suggestions? --Jens Ingels (talk) 17:51, August 21, 2012 (UTC)