슬라이드 스와이프 버튼 문제좀 도와주세요.. 채택완료
메인페이지에 슬라이드 스와이프 코드 가져와서 현재 가안으로 작업중인데,
버튼 부분이 제품이미지 위에 오버랩이 되어 누르기가 좀 거슬린다고 하는 의견이 많아서
width 를 80%만 주고 버튼을 밖으로 꺼내오고 싶은데
어떻게 코드를 짜야될지가 좀 막혀요ㅠㅠ
▼예시로 밑의 이미지 처럼 할려고 작업중입니다 ㅠㅠ 버튼에 어떤 속성을 줘야 할까요..▼
코린이좀 도와주세요ㅠ_ㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 4개
채택된 답변
+20 포인트
4년 전
css
------
</p>
<p> </p>
<p>.swiper-container{</p>
<p><span style="font-size: 0.875em;"> width: 80%;
padding-left: 50px;
padding-right: 50px;</span></p>
<p><span style="font-size: 0.875em;">}</span></p>
<p>js에서
slidesPerView : 3 으로바꿔주세요.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 4개
�
4년 전
P
Phillips
4년 전
해당 이전 다음 버튼을 swiper-cotainer 밖으로 뺴시구요.
거기서 absoulte나 translate로 x,y축 맞추시면될것같아요.
거기서 absoulte나 translate로 x,y축 맞추시면될것같아요.
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택
width 값을 무시하고 더 밖으로 나가게 할순 없을까요..