토론방

소스관련 슬라이드배너인데 링크를 걸면 텍스트 위치가 변경이 되는 이유

 

 

위의 사진처럼 링크를 걸면 텍스트위치가 변경이 되네요?? 고정하려면 어디를 수정해야 할까요?

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 이**우 2017-10-25

    텍스트 정렬 기준이 <div> 에서 <a> 로 변경되어서 발생하는 문제입니다.

    소스수정 - CSS 에서 다음부분을 삭제해주세요.

     

     

    @font-face {
        font-family: 'icomoon_slider';
        src: url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.eot');
        src: url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.eot?#iefix') format('embedded-opentype'),
            url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.woff') format('woff'),
            url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.ttf') format('truetype'),
            url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.svg#icomoon_slider') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    .pm-slide_responsive__6921__ {max-width:{$farm_set[slide_width]}px; margin:0 auto 30px;}
    .pm-slide_responsive__6921__ a {display:block; position:relative; border:none; text-decoration:none;}
    .pm-slide_responsive__6921__ a img {border:none;}
    .pm-slide_responsive__6921__ .item {position:relative; padding:30% 0 50%;}
    .pm-slide_responsive__6921__ .item img {width:100%; vertical-align:top; opacity:.5;}
    .pm-slide_responsive__6921__ .item .caption {
        display:none; position:absolute; left:0; right:0; top:80%; bottom:0;
    }

댓글작성

열기 닫기

댓글작성
top