2017-11-19 1 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

배경 이미지는 "센터"로 배경 위치 CSS의 속성을 설정하려고로 슬라이더 이미지를 넣어 경우.

+0

어떻게하면됩니까? – fluores

+0

먼저, HTML 마크 업의 어떤 부분이 슬라이더 이미지를 보여 주어야하는지 –

+0

아마 flexislider 갤러리의 마지막 섹션을 보여줘야합니다. 슬라이드가 어디 있는지 슬라이드 a.thumb. 높이로 들었을 때 이미지/슬라이더 높이가 바뀌 었습니다. – fluores

관련 문제