호버업시 점포 제품 제목

Question

Storefront Galleria Child Theme를 사용 중입니다.

내 제품 페이지의 https://www.mangoblogger.com/services/에서 제품 제목/가격이 768 픽셀로 사라지고 마우스를 올리면 다시 나타납니다.

항상 표시하고 호버 효과를 완전히 없애기를 바랍니다.

나는 미디어 쿼리에 호버 효과를 제거하기 위해 관리하지만 CSS 코드를 추가> 768 픽셀

Answer 1

칭호는 때문에 g-product-title 클래스에 opacity: 0 설정에 숨겨져 있습니다. 테마의 CSS 파일이로드되는 한 후에는 (나중에 CSS 파일이나 <style> 태그 중) 곳이 규칙을 추가하여 해당 동작을 무시할 수 있습니다 :

@screen and (min-width: 768px) { 
    .site-main ul.products li.product .g-product-title { 
    opacity: 1; 
    } 
} 

그러나,이 또한 할 것을 "장바구니에 추가"

@screen and (min-width: 768px) { 
    .site-main ul.products li.product .button { 
    opacity: 0; 
    } 
    .site-main ul.products li.product:hover .button { 
    opacity: 1; 
    } 
} 

나는 개인적으로 더 그렇게 보이는 생각 : 당신이 그 동작을 원하지 않는 경우,이 버튼은 호버에 표시하게하는 규칙을 추가 할 수 있도록 버튼, 모든 시간을 보여줍니다.

Answer 2

화면에 표시 할 제목을 가져올 수 없습니다 :

.site-main ul.products li.product .g-product-title {opacity:1!important; } 

당신이 코드의 경우를 추가 할 수 있습니다를 당신은 이미지를 중앙에 배치 할 :

ul.products li.product img {margin:0 auto!important;}