Fandom Developers Wiki
Advertisement
Forums: Index > Help desk > Slider lay-out edit

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:

Slider tweaked

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)

Please give a link. Arkondi (talk) 19:23, August 21, 2012 (UTC)
Advertisement