Hallo Leute
Ich habe im Theme Allegiant 4 Buttons im Slider. Jedoch dürfte das "Contentfenster" im Slider sehr schmal eingestellt sein, da der vierte Button schon nach unten rutscht. Weß jemand wie ich das ändern kann, so das ich alle 4 in einer Linie habe?
Bitte um Hilfe!
Code vom Slider:
.slider { padding:0; }
.slider-slides { height:650px; }
.slider-slides .slide-body { top:5%; }
.slider-slides .slide-caption { text-transform:uppercase; padding:0 0 30px; }
.slider-slides .slide-title { font-size:2.6em; padding:0 0 20px; margin:0 0 30px;}
.slider-slides .slide-title:after { content:' '; position:absolute; background:#888; bottom:0; left:0; width:100px; height:1px; }
.slider-slides .slide-content { font-size:1.2em; margin:0 0 30px; }
/* Slide Positions */
.slider-slides .slide-center .slide-title:after {left:50%; margin-left:-50px; }
/* Slide Colors */
.slider-slides .dark .slide-title:after { background:#fff; }
/* Prev/Next */
.slider-pages { display:none; }
.slider-prev,
.slider-next { -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; opacity:0.3; }
.slider:hover .slider-prev,
.slider:hover .slider-next { opacity:1; }
.slider-prev,
.slider-next { position:absolute; width:40px; height:100px; font-size:30px; line-height:70px; margin-top:-35px; top:50%; left:1%; text-align:center; color:#fff; z-index:999; cursor:pointer; }
.slider-next { right:1%; left:auto; }
.slider-prev:before,
.slider-prev:after,
.slider-next:before,
.slider-next:after { display:block; content:' '; position:absolute; top:50px; left:0; width:50px; height:1px; background:#888; border-radius:50px; -moz-transform-origin:left; -webkit-transform-origin:left; transform-origin:left; }
.slider-prev:before,
.slider-next:before { -moz-transform:rotate(-60deg); -webkit-transform:rotate(-60deg); transform:rotate(-60deg); }
.slider-prev:after,
.slider-next:after { -moz-transform:rotate(60deg); -webkit-transform:rotate(60deg); transform:rotate(60deg); }
.slider-next:before,
.slider-next:after { left:auto; right:0; -moz-transform-origin:right; -webkit-transform-origin:right; transform-origin:right; }
/* Transitions */
.slider-slides .slide-body .slide-caption { -moz-transform:translateY(60px); -webkit-transform:translateY(60px); transform:translateY(60px); opacity:0; -moz-transition:1s all; -webkit-transition:1s all; transition:1s all; }
.slider-slides .slide-body .slide-image { -moz-transform:translateY(20px); -webkit-transform:translateY(20px); transform:translateY(20px); opacity:0; -moz-transition:1s all; -webkit-transition:1s all; transition:1s all; }
.slider-slides .cycle-slide-active .slide-caption,
.slider-slides .cycle-slide-active .slide-image { -moz-transform:none; -webkit-transform:none; transform:none; opacity:1; }
.slider-slides .cycle-slide-active .slide-image { -moz-transition-delay:0.8s; -webkit-transition-delay:0.8s; transition-delay:0.8s; }