owlCarousel 슬라이드 화살표 css 문의좀 드립니다.ㅜㅜ
본문
화살표가 위처럼 생겼는데 테두리를 적용한 소스가 아래와같습니다..
화살표가 테두리에 정중앙에 들어가게 하려고 패딩 마진 여기저기 다 줘보는데 꿈쩍도 안하네요...
다른부분이 추가되어야하는건지
이부분에서 화살표를 저 네모박스안에서 움직이게 하려면 어디를 만져야할까용;; 도와주세용;;
@charset "utf-8";
/* 네비 버튼 */
.basic-banner .owl-nav {
position:absolute;
right:0;
top:-3.75rem;
z-index:1;
}
.basic-banner .owl-nav button {
width:45px;
height:33px;
padding:0 !important;
margin:0 !important;
border:1px solid #ddd !important;
background:#fff !important;
color:#ccc !important;
}
.basic-banner .owl-nav button.owl-prev {
border-right:0 !important;
font-size:1.1rem;
}
.basic-banner .owl-nav button.owl-next {
font-size:1.1rem;
}
답변 3
또는
<div style="position:relative;width:300px;height:300px;border:1px solid #cccccc">
<span style="display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)">화살표</span>
</div>
인라인으로 준 스타일은 따로 빼내셔도 됩니다.
화살표 네모 박스안에 움직인다는말이 뭔가요?
line-height:33;text-align:center; 해보세요.