평점별 상품 위젯에서 별표 표시가 이상해요

항상 많은도움 감사합니다.

http://www.bioshoes.kr/shop/

이미지 캡쳐가 안올라가네요 https://imgur.com/c6RSDgL

쇼핑몰 사이트 주소인데요

왼쪽 사이드메뉴중에 평점별 상품에서

크롬/웨일 브라우저에선 별표 표시가 겹쳐서 표시가되요

익스에서는 제대로 나오고있구요

 

뭘 수정하면 좋을까여?ㅠㅠ

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    올려주신 페이지 주소로 확인해보니

    아래의 CSS 코드가 추가되어 있습니다.

    h1, h2, h3, h4, h5, h6, th, td, a, li, span, strong, input { font-family: 'Nanum Gothic' !important; }

     

    font-family 속성을 HTML 태그에 그대로 적용하시면

    올려주신 이미지처럼 예상치 못한 문제가 생길 수 있습니다.

    가급적이면 필요한 부분에 id 선택자나 class 선택자를 사용해서 폰트를 적용하시는 걸 권장드립니다.

     

    우선은, 아래의 CSS 코드를 추가해서 확인해보시겠어요?

    .star-rating span { font-family: unset; }

     

    CSS 코드 수정 후에는 브라우저의 캐시를 비우신 후에 확인해주세요.

    크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

     

    레이아웃이 깨지거나 특정 영역이 깨질 때

    크롬 브라우저 개발자 도구(F12)를 사용하시면

    문제 되는 CSS 속성을 쉽게 찾을 수 있습니다.

    고맙습니다.

  • #커뮤니티 자동 추천글

    Shin**의 스레드

    더보기

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기