Liebe Forum-Nutzer,
nach nun mehreren Stunden "Versuch und Irrtum", hoffe ich nun hier eine Antwort auf mein Problem zufinden. Wahrscheinlich eine Kleinigkeit für a einenWP-Profi:
FolgendesProblem:
Ich verwende das Theme CHaritas Lite und möchte ganz einfach den oberen Bereichen bzw. die Slidebar verkleinern.
In der Style.cc Datei sind folgende Angaben. Kann man jemand sagen, wo ich nun die neue "height" einzugeben habe? Habe schon alles versucht, leider ohne Veränderung.
Vielen lieben Dank für eure Hilfe im Voraus!
Gallery Slider
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.flexslider-gallery .loading {
background: transparent url("/images/ajax-loader.gif") no-repeat 50% 50%;
min-height: 300px;
}
.flexslider-gallery {
margin: 0 0 0px 0;
padding: 0;
position: relative;
}
.flexslider-gallery .slides > li {
display: none;
-webkit-backface-visibility: hidden;
position: relative;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider-gallery .slides img {
width: 100%;
height: 25%;
display: block;
}
/* ==|== Direction Nav = = = = = = = = = = = = = = = = = = = = = */
.flexslider-gallery .flex-direction-nav {
*height: 0;
padding: 0;
text-align: center;
width: 100%;
display: block;
position: absolute;
bottom: 50%;
}
.flexslider-gallery .flex-direction-nav li {
max-width: 100%;
background: red;
margin: 0 auto;
display: block;
}
.flexslider-gallery .flex-direction-nav .flex-next {
background-position: 100% 0;
right: 0px;
}
.flexslider-gallery .flex-direction-nav .flex-prev {
left: 0px;
}
.flexslider-gallery:hover .flex-next {
opacity: 0.8; right: 0px;
}
.flexslider-gallery:hover .flex-prev {
opacity: 0.8; left: 0px;
}
.flexslider-gallery:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0.3!important; filter:alpha(opacity=30);
cursor: default;
}