Hallo zusammen
Ich hab nun einige Foren durchgearbeitet und finde keine hilfe ( oder ich versteh sie nicht) für mein Problem
ich hab auf der Startseite oden ein "Fotorama" Bilderslider mit icon rechts, links und Vollbild. diese werden aber nicht richtig angezeigt.
http://www.burkardburkard.ch
In der css habe ich aber nichts entdeckt das da helfen könnte
HTML
/*-----------------------------------------------------------------------------------*/
/* 15. FOTORAMA
/*-----------------------------------------------------------------------------------*/
.fotorama__spinner {
display: none !important
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
background: none;
font-family: 'fontello';
}
@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx) {
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
background: none
}
}
.fotorama__arr--prev {
left: 15px
}
.fotorama__arr--next {
right: 15px
}
.fotorama__arr--prev,
.fotorama__arr--next {
color: #525252;
padding: 0;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
background: rgba(255,255,255,0.7);
-webkit-transition: all 200ms ease-in !important;
-o-transition: all 200ms ease-in !important;
-moz-transition: all 200ms ease-in !important;
}
.fotorama__arr--prev:hover,
.fotorama__arr--next:hover {
background: rgba(255,255,255,0.9)
}
.fotorama__arr--prev:before {
display: block;
content: '\e84b';
}
.fotorama__arr--next:before {
display: block;
content: '\e84a';
}
.fotorama__fullscreen-icon {
top: 15px;
right: 15px;
border: none;
font-size: 20px;
width: auto;
height: auto;
padding: 0;
color: rgba(255,255,255,0.7) !important;
-webkit-transition: all 200ms ease-in !important;
-o-transition: all 200ms ease-in !important;
-moz-transition: all 200ms ease-in !important;
}
.fotorama__fullscreen-icon:hover {
color: rgba(255,255,255,1) !important
}
.fotorama__fullscreen-icon:before {
display: block;
content: '\e744';
}
.fotorama--fullscreen .fotorama__fullscreen-icon:before {
content: '\e746'
}
.fotorama__thumb-border {
border-color: #57a4a4
}
/*-----------------------------------------------------------------------------------*/Ich weis auch nicht genau was es mit "Fontello" auf sicht hat, denn es steht nirgends ein code wie z.b "<i class="icon-right-dir"></i>"
Wahrscheinlich ist es ganz einfach aber ich findes nicht heraus.
Ich danke mal im voraus ;)