Hallo zusammen,
ich verzweifele grad daran für die YAG-Gallerie mit dem Theme "Nivo-Slider" die Größe zu ändern.
Meine Bilder sind alle im selben Format 254x410 Pixel
Die von mir angelegte nivo-slider.css wird auch korrekt eingebunden
Leider habe ich es bisher nicht geschafft entweder in der CSS oder im angelegten ext-Template-Code oder in der default.css vom nivoSlider unter typo3conf/... die Größe zu ändern. Es tut sich einfach NICHTS
Bitte gebt mir einen Tipp an welcher Stelle ich hier nochmal nachschauen muss, ich verzweifele grad echt
Ach so, Typo3 6.1.7, YAG aktuelle Version
Link zur Testseitehttp://waeldin.marwebs.de/index.php?id=9
Hier noch die nivo-slider.css:
/*
* jQuery Nivo Slider v3.2
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* The Nivo Slider styles */
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
width: 254px;
height: 410px !important;
}
.nivoSlider {
#position:relative;
position:absolute;
#width:100%;
#height:auto;
overflow: hidden;
height: 410px; /* Make sure your images are the same size */
width: 254px; /* Make sure your images are the same size */
}
.nivoSlider img {
height: 410px; /* Make sure your images are the same size */
width: 254px; /* Make sure your images are the same size */
#position:absolute;
position:relative;
top:0px;
left:0px;
max-width: none;
display:none;
}
.nivo-main-image {
#display: block !important;
#position: relative !important;
#width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
background:white;
filter:alpha(opacity=0);
opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:10px; /* Caption-Balken - Abstand nach unten */
background:#4FCAFF; /* Türkis */
color:#3F48CC; /* Blau */
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter:alpha(opacity=8);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
height:55px;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}