Hallo,
ich habe mir ein Template bei Template-Monster gekauft.
Es lief auch alles super bis auf die Anpassung von der Größe vom eingebauten Slider.
Ich habe es heute den ganzen Tag versucht und habe versucht mich in CSS reinzulesen aber ich bekomme es einfach nicht hin und hoffe nun auf Eure Hilfe.
Es geht um folgendes Theme:
http://www.templatemonster.com/wordpress-themes/37274.html
Ich möchte gerne die Größe vom Slider oben ändern.
Dieser liegt aktuell bei 1600 px. breite.
Das ist für die meisten Monitore und Einstellung leider zu viel denke ich.
Ich möchte Ihn gerne auf 1050px Breite ändern.
Meiner Meinung nach müsste es über die CSS gehen in folgendem Code:
/* Slider
---------------------------------------- */
#slider-wrapper {
height:550px;
overflow:hidden;
position:absolute;
top:0;
left:0;
margin-bottom:0;
width:100%;
}
#slider {
position:relativ;
top:0;
left:50%;
width:1600px;
height:630px;
background:url(images/loading.gif) no-repeat 50% 50%;
margin:0 0 0 -800px;
}
#slider-bottom {
position:relative;
top:-4px;
left:50%;
width:1600px;
height:4px;
background:url(images/slider-bottom.png) 0 0 repeat-x;
z-index:97;
margin:0 0 0 -800px;
}
#slider-left {
position:absolute;
top:0;
left:50%;
width:50px;
height:630px;
background:url(images/slider-left.png) 0 0 repeat-y;
z-index:98;
margin:0 0 0 -800px;
}
#slider-right {
position:absolute;
top:0;
right:50%;
width:50px;
height:630px;
background:url(images/slider-right.png) 100% 0 repeat-y;
z-index:98;
margin:0 -800px 0 0;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* 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:60;
display:none;
}
/* The slices in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:89;
}
.nivo-caption .nivo-caption-inner {
padding:0;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav {
}
.nivo-directionNav a {
position:absolute;
display:block;
width:57px;
height:96px;
top:45%;
z-index:99;
text-indent:-9999px;
cursor:pointer;
background-image:url(images/direction_nav.png);
background-repeat:no-repeat;
border:0;
}
a.nivo-nextNav {
right:250px;
background-position:-63px 0;
}
a.nivo-nextNav:hover {
background-position:-63px 0;
}
a.nivo-prevNav {
left:250px;
background-position:0 0;
}
a.nivo-prevNav:hover {
background-position:0 0;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
position:absolute;
width:auto;
height:10px;
right:364px;
top:150px;
text-align:center;
padding:7px 8px 7px 10px;
background:#FFF;
border:1px solid #53311F;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
z-index:999;
line-height:10px;
}
.nivo-controlNav a {
position:relative;
z-index:999;
cursor:pointer;
display:inline-block !important;
margin:0 2px 0 0;
padding:0;
width:10px;
height:10px;
overflow:hidden;
text-indent:-10000px;
background:url(images/testi-nav.png) -26px 0 no-repeat;
}
.nivo-controlNav a.active, .nivo-controlNav a:hover {
background-position:0 0;
}
#slider .nivo-controlNav img {
display:inline; /* Unhide the thumbnails */
position:relative;
margin-right:10px;
width:120px;
height:auto;
}
Ich habe bereits die 1600 px geändert.
Es tut sich allerdings nichts :-(
Ich hoffe sehr das ihr mir helfen könnt und danke euch bereits jetzt schon.
Gruss