유튜브슬라이스 + 반응형 테마 -> 비즈니스 네모박스 높이 변경 문의 건
페이지 정보
작성자 rcshit 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 1건 작성일 21-09-06 16:33본문
안녕하세요 유튜브슬라이스 + 반응형 테마 -> 비즈니스 네모박스 높이 변경 문의 드리려고합니다.
아래 소스 관련 이미지 첨부했습니다.
변경하고 싶은 부분은 네모박스 6개의 높이를 전체적으로 변경하고 싶은데요..
부트스트랩.css 파일 col-lg-4 class 부분을 변경하였으나 변화가 없어서 어떤 소스 부분을 어떻게 고쳐야 하는지 문의 드리려고합니다.
아래 소스는 인덱스 부분입니다.
<div class="row special-feature">
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
<div class="s-feature-box text-center colorbox-3">
<div class="mask-top colorbox-3">
<!-- Icon -->
<i class="flaticon-logistics"></i>
<!-- Title -->
<h4 class="ko">화평법</h4>
<P class="ko f16">
<a href="http://naver.com" target="_blank"><font color=white>· 사전신고 & 협의체운영<br></a></font>
<a href="http://daum.net" target="_blank"><font color=white>· 물질등록<br></a></font>
<a href="http://daum.net" target="_blank"><font color=white>· 등록면제<br></a></font>
<a href="http://daum.net" target="_blank"><font color=white>· 위해성평가<br></a></font>
</P>
</div>
</div>
</a>
</div><!--services col-->
아래 소스 관련 이미지 첨부했습니다.
변경하고 싶은 부분은 네모박스 6개의 높이를 전체적으로 변경하고 싶은데요..
부트스트랩.css 파일 col-lg-4 class 부분을 변경하였으나 변화가 없어서 어떤 소스 부분을 어떻게 고쳐야 하는지 문의 드리려고합니다.
아래 소스는 인덱스 부분입니다.
<div class="row special-feature">
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
<div class="s-feature-box text-center colorbox-3">
<div class="mask-top colorbox-3">
<!-- Icon -->
<i class="flaticon-logistics"></i>
<!-- Title -->
<h4 class="ko">화평법</h4>
<P class="ko f16">
<a href="http://naver.com" target="_blank"><font color=white>· 사전신고 & 협의체운영<br></a></font>
<a href="http://daum.net" target="_blank"><font color=white>· 물질등록<br></a></font>
<a href="http://daum.net" target="_blank"><font color=white>· 등록면제<br></a></font>
<a href="http://daum.net" target="_blank"><font color=white>· 위해성평가<br></a></font>
</P>
</div>
</div>
</a>
</div><!--services col-->
댓글목록
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
안녕하세요! rcshit 님~
해당 내용은
테마폴더/css/style_aqours.css 2294 번째줄 보시면
또는 .special-feature 로 검색하셔도 됩니다.
아래 보시면 padding: 55px 0; 중에서 55px 라는 값이 위 아래 높이조절하는 값 입니다.
해당 숫자값을 조절하시면 아이콘과 텍스트의 높이 조절이 가능합니다.
.special-feature .mask-top {
width: 100%;
background-color: #ffffff;
padding: 55px 0;
position: absolute;
top: 0px;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
지난번에 쉽게 찾아서 수정하는 방법을 올려둔 팁영상이 있으니 참고 부탁드리겠습니다.
http://ety.kr/board/ety_theme_manual/27?sfl=wr_subject&stx=css&sop=and
다른 내용들도 위와 같은 방법으로 찾으셔서 처리해주시면 될듯 합니다.
감사합니다.~~~