안녕하세요pic갤러리 스킨을 구입하고 커스텀 중인데
http://picter.co.kr/another 일단 이 페이지 기준으로
보시면 상황에 따라 그림 아래 디스크립션 부분이 그림 안쪽으로 진입해 있을때가 있습니다.
모바일로 보면 3/2정도? 이상하게 걸치구요~
이게 좀 보기 싫어서 디스크립션 부분을 아예 그림 안쪽으로 집어 넣고
회색상자 부분을 다 없애고 싶은데 CSS를 알려주시면 감사하겠습니다.
여기처럼→ http://picter.co.kr/solo 그림 위에 글씨가 나오게 하고 싶습니다!
그리고 게시물에 webkit 설정하였는데 글씨까지 흰 색상이 살짝 덮어지는게 싫어서요.
글씨는 안 덮어지게 배치를 맨 위로하려면 어떻게 해야하나요?
이것만 해결되면 거의 다 끝나서요..ㅠ
답변 부탁드리겠습니다.
먼저 <div class="kboard-item-description">...</div> 이 태그를 그 위에 <a>...</a> 태그 안쪽으로 넣어주세요.
<a></a> 태그 안쪽에 들어가야 클릭이 되겠죠.
그리고 아래 속성들을 추가하거나 수정해서 테스트 해보시겠어요?
#kboard-pic-gallery-list .kboard-list .kboard-list-item .kboard-item-wrap { position: relative; display: inline-block; *display: inline; zoom: 1; width: 100%; background-color: #fafafa; }
#kboard-pic-gallery-list .kboard-list .kboard-list-item .kboard-item-thumbnail { display: block; height: 160px; line-height: 177px; color: black; text-align: center; text-decoration: none; background-position: center; background-size: cover; }
#kboard-pic-gallery-list .kboard-list .kboard-list-item .kboard-item-description { position: absolute; left: 0; top: 0; padding: 10px 0; overflow: hidden; }