2017-11-19 9 views
0

Ich bin ein Noob mit diesem Zeug, also bitte versuchen Sie es zu verdummen. Ich arbeite an diesem Blog-Schieberegler: https://fluoresblog.blogspot.ca/Wie zentriere ich ein Bild im Blogger-Slider?

Die Bilder im Schieberegler sind beschnitten und nicht zentriert. Ich möchte die Größe der Folie beibehalten, aber das Bild zentriert haben. Wie würde ich das tun? Vielen Dank!

.flexslider ul.slides li .feature_text h2 a { 
      color: #fff; 
     line-height: 1.2em; 
     margin-bottom: 12px; 
     display: block; 
     font-family: Raleway; 
     font-size: 35px; 
     font-weight: 400; 
     font-style: normal; 
     line-height: 1.25; 
     letter-spacing: 3px; 
     text-transform: uppercase; 
    } 

.flexslider ul.slides li .feature_text p { 
    color:#fff; 
    font-size:15px; 
    padding:1px 8px; 
    display:inline-block; 
    margin-bottom:40px; 
} 

.flexslider ul.slides li .feature_text span.feature_button { 
    display:block; 
} 

.flexslider ul.slides li .feature_text span.feature_button a { 
    border:3px solid #FFF; 
    color:#FFF; 
    padding:11px; 
    text-transform:uppercase; 
    font-size:14px; 
    font-weight:700; 
    letter-spacing:2px; 
    font-family:Sans-serif; 
    -o-transition:.3s; 
    -ms-transition:.3s; 
    -moz-transition:.3s; 
    -webkit-transition:.3s; 
    transition:.3s; 
} 

.flexslider ul.slides li .feature_text span.feature_button a:hover { 
    background:#000; 
    color:#fff; 
    border:3px solid #FFF; 
} 

.flexslider ul.slides li .feature_text span.feature_button a i.fa { 
    margin-left:1px; 
    font-size:14px; 
} 

/*** flexslider Galerie **/

.flexslider.gallery { 
    margin-bottom:30px; 
} 

.flexslider .slides a.thumb { 
display:block; 
height:540px; 
overflow:hidden; 
position: relative; 
} 

Antwort

0

Wenn Ihr Slider Bilder gesetzt werden als Hintergrundbilder versuchen background-position CSS-Eigenschaft als "Zentrum" zu setzen.

+0

Wie würde ich das tun? – fluores

+0

Als erstes musst du mir zeigen, welcher Teil des HTML-Markups für das Slider-Bild verantwortlich ist –

+0

vielleicht der letzte Abschnitt unter der Galerie von flexiSlider. Wo ist Slides a.thumb. Als ich mit der Höhe herumhantierte, änderte sich die Bild-/Slider-Höhe. – fluores

Verwandte Themen