검색버튼 이미지를 교체하고 싶은데 경로를 모르겠습니다.
본문
안녕하세요.
새로운 영카트를 설치해서 디자인을 뜯어 고치고 있습니다.
검색창 부분 돋보기 이미지가 예뻐서 색상만 변경해서 교체시키려고 하는데,
/img/sch_btn.png
이미지가 아니더라고요. -0-
소스상,
<button type="submit" id="sch_submit"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
이 부분의 검색 이미지 경로를 아무리 css 를 뒤져봐도 없습니다.
혹시 검색 돋보기 이미지 경로 아시는 분 계신지요? ㅠㅠ
답변 4
<i class="fa fa-search" aria-hidden="true"></i> 는 폰트어썸 이라는 플러그인으로 폰트어썸 서버에 있는 css 로 이미 만들어진 이미지형태를 css 로 불러오는거라서 사이즈 및 색상만 수정가능합니다.
폰트어썸 사이트에 가서 해당 css 네임으로 종류를 바꿀 수 있습니다.
돋보기가 이미지로 되어있지 않구요, 아이콘텍스트로 되어있습니다.
<i class="fa fa-search" aria-hidden="true"></i>
이부분이 돋보기 아이콘입니다.
css에서 color값만 변경해주시면 되겠습니다~
<i class="fa fa-search" aria-hidden="true" style="color:#29a1db;"></i>
이렇게 인라인 수정 적용됨 확인.
답변주신 두 분다 정말 감사합니다.
정말 좋은 기능을 알게 되었습니다. 우왕
많은 도움이 되었습니다. 감사합니다. *^^*
