안녕하세요. 메인 슬라이딩 부분의 높이를 조정하고 싶은데 height: calc(15rem + 0px) 이 값을 찾지 못하고 있어서 문의드려요.

일단, 커스텀 css에서  

 

.h-60   이 부분의 높이는 조절하긴 했는데 

 

height: calc(15rem + 0px) 이 부분을 찾지 못하고 있습니다.

 

layouts/vivid_layout/assets/css 에서 아무리 찾아봐도 없어서요.

 

혹시 어느 부분을 건드려야 하는지 알 수 있을까요.

 

바쁘실텐데 문의 드려 죄송합니다.

그리고 아래의 css 값들도 메인 슬라이드에 관여하는 css가 맞는지요.

 

.custom file

 


.h-60{
  height: 8rem;
}

.w-full{
  width: 100%;
}

.min-w-\[8rem\]{
  min-width: 8rem;
}

.min-w-\[10rem\]{
  min-width: 10rem;
}

.min-w-\[40\%\]{
  min-width: 40%;
}


@media (min-width: 768px){
  .vi-sns-warp-1 > img{
    height: 10rem;
    border-radius: 0.75rem;
  }
 

48
3
댓글
3
  • 11개월 전

    안녕하세요, 커스텀에 관한 문의는 받지 않는점 양해바랍니다. 슬라이드 부분은 splide 라이브러리를 기반으로 작동되고 또한 테마 반응형 구조와 맞물려 커스텀시 하나를 수정하면 다른 어떠한 부분의 문제를 야기할수 있는점 주의가 필요합니다.

     

    내용에 적어주신 css 중 슬라이더에 관여하는 부분도 있고 아닌 부분도 있고 전체 테마에 영향이 미치는 부분도 있습니다.

     

    이상의 발생할수 있는 문제점들을 감안하고 꼭 커스텀을 진행하셔야 한다면 레이아웃 폴더 내부의 slide.basic.html 슬라이더 초기화부분 스크립트와 슬라이더에 관여하는 스타일부분을 함께 수정해줘야 될것으로 보입니다. 감사합니다.

  • 11개월 전
    UIUI

    문서 참고 : https://splidejs.com/guides/version4/

  • UIUI

    네. 답변갑사드립니다!!!