민트테마 메인화면 가장 하단에 이미지가 출력되는이 있는데,
이 이미지가 너무 다닥다닥 붙어있어서 이미지사이에 간격을 두고 싶습니다.
css를 편집해야 할 것 같은데 해당 css파일이 어디있는지도 모르겠어요.
어디에 있는 파일을 어떻게 편집해야 좋을지 알려주세요!
가급적이면 이미지에 border도 넣으려고 하는데 무엇을 수정해야 할지도요!
여기 데모테마를 참고하시면 질문이 잘 이해될 것 같아요!
Copy
<div id="lt_gall" class="latest"> <?php // 이 함수가 바로 최신글을 추출하는 역할을 합니다. // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수, 캐시타임, option); // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정 $options = array( 'thumb_width' => 400, // 썸네일 width 'thumb_height' => 250, // 썸네일 height ); echo latest('theme/gallery', 'test', 4, 55, 1, $options); ?></div>
|
답변 1개
채택된 답변
+20 포인트
9년 전
/theme/mint/mobile/skin/latest/gallery/style.css에 있습니다.
사진이 좌우 2개씩 나열되도록 css가 설정된것 같습니다.
Copy
/* 최근게시물 스킨 (latest) */.lt_gal{}.lt_gal a{text-decoration:none;}.lt_gal ul:after {display:block;visibility:hidden;clear:both;content:""}.lt_gal li{position:relative;float:left;width:50%;}.lt_gal img{width:100%;height:auto;}.lt_gal .lt_tit{position:absolute;bottom:0;left:0;color:#fff;padding:10px 0; background:rgba(0,0,0,0.5);display:block;width:100%;font-size:1.167em}.lt_gal .lt_tit span{margin:0 10px;display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}.lt_gal .no_img{display:table-cell; vertical-align: middle;font-weight: bold;font-size: 1.3em;color: #bbb;text-transform: uppercase;text-align:center;background: #eee}.lt_gal .lt_image{text-align:center;display:block;}.lt_gal .lt_image span{background:#fff;display:block}.lt_gal .no_lt{text-align:center;width:100%;padding:30px 0}.lt_gal li.no_bd{width:100%;background:#fff; width:100%;text-align:center;padding:30px 0}@media all and (max-width:375px){ .lt_gal li{float:left;width:100%;}}.lt_gal li {}
여기 부분을 가지고 수정을 좀 해보세요
답변을 작성하려면 로그인이 필요합니다.