메인 이미지 반응형
본문
메인 화면에 저 사진 넣는 부분의 이미지를 반응형으로 만들고 싶습니다.
pc 태블릿 모바일에서 모두 잘 나오도록 ㅎㅎ 어떻게 해야 하나요?? 수정해야 되는 파일 위치와 소스 알려주세요~ 그리고 저기에 사진을 넣으면 배경이 검은색이 되던데 흰색으로 하려면 어떻게 해야하나요???
답변 2
파일의 위치는 직접 찾아보셔야...
style="max-width:100%;height:auto;"
css/apms.css : 2336
.bg-black, i.bg-black, .badge.bg-black {background-color: #333;color: #fff;}
<style>
.widget-index .at-main,
.widget-index .at-side { padding-bottom:0px; }
.widget-index .div-title-underbar { margin-bottom:15px; }
.widget-index .div-title-underbar span { padding-bottom:4px; }
.widget-index .div-title-underbar span b { font-weight:500; }
.widget-index .widget-img img { display:block; max-width:100%; /* 배너 이미지 */ }
.widget-box { margin-bottom:25px; }
</style>
저기에 어느부분에 넣으면 될까요? ㅎ 저기에 넣는것은 맞겠지요..?
초보지만 제가 아는선에서 답변 드리겠습니다.
메인이미지의 경우는 https://www.jssor.com/ 참고한번 해보시면 좋을거 같습니다.
수정 파일은 어떤 테마를 사용하신 건지 아닌지 모르겠어서 정확히 말씀드리기는 어려울 거 같구요,
배경이 검은색인부분은 크롬에서 f12누르시고 해당 영역 마우스 오른쪽 버튼>검사 하시면 오른쪽에 css나오는데 그 파일 찾아가셔서 수정하시면 좋을거 같습니다.
