2016-11-14 3 views
1

woocommerce 저장소 아래에 하나의 플러그인을 설치하여 적절한 아이콘 어워드를 표시했습니다. woocommerce 건 이미지의 왼쪽 상단에 보이는 이미지 아이콘을 추가하여 모바일 웹 사이트에서 웹 사이트를 보았을 때 그 이미지는 무질서 해지고 짜내지고 늘어져있는 것처럼 보입니다. 웹 사이트 홈 페이지 http://letmewine.com/과 휴대 전화의 제품 "FRANCIACORTA BRUT"ALMA "BELLAVISTA"를 살펴보면 무슨 뜻인지 알 수 있습니다. 나는 그 이미지 아이콘에 절대적이거나 상대적으로 Z- 인덱스 값 위치를 할당하려고 시도했지만 아무 일도 일어나지 않았다. 나는 여기에서 무엇을해야하는지 어떤 제안이라도 사용할 수있다.Woocommerce에서 이미지 태그 원인 제품보기 장애가 발생했습니다.

감사합니다 도움

답변

2

문제에 대한 많은 이미지가 절대적이며 width:100%, 뻗어하게 height:100%를 설정 한 것입니다. 이미지가 실제로 이미지 크기보다 큰 전체 홀더를 채우려고하기 때문입니다.

당신은 이미지 (.post_featured img)에 대한 선택입니다 라인 11739에있는 style.css 변경 등 변경 코드가 될 것입니다해야합니다 제안을

.post_featured img { 
    width: auto; 
    height: auto; 
} 
+0

덕분에, 그것은 작동하지만 특정 부분. 지금 확인하면. 이미지의 높이가 반으로 줄었습니다. 어떻게 이것을 피할 수 있습니까? –

+0

이제 문제는 height 속성에'! important'를 추가 할 때 당신이 덮어 쓴 그 이미지에 대한 다른 스타일이 있다는 것입니다. '! important' 문을 제거하고 예제 그대로 두어야합니다. –

+0

위대한, 그것은 일했다! –

관련 문제