2017-11-19 17 views
0

私はこのようなものを持っているので、それを黙らせてください。このブログのスライダーで作業しています:https://fluoresblog.blogspot.ca/イメージをブロガースライダーの中央に配置するにはどうすればよいですか?

スライダー内の画像が切り取られ、中央にないです。私はスライドのサイズを保持したいが、イメージを中心にしたい。どうすればいい?ありがとう!

.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ギャラリー**/

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

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

答えて

0

背景画像は、 "センター" としてのbackground-position CSSプロパティを設定しようとしてあなたのスライダー画像が置かれている場合。

+0

どうすればよいですか? – fluores

+0

最初に、HTMLマークアップのどの部分がスライダーイメージを表示するのかを私に教えてください。 –

+0

おそらくflexisliderギャラリーの最後のセクションです。スライドがどこにあるかa.thumb。私が高さで手を動かすと、画像/スライダーの高さが変わりました。 – fluores

関連する問題