WooCommerce - 如何刪除DIV陰影和更改背景顏色

Question

我有需要更改的產品頁的網站： http://weardenali.com/product/everyday-messenger

我想

a）改變背景顏色

b）刪除陰影框

它適用於iPad（高度爲768px），但只要網站高度降低到768px以下，滑動功能就會停止工作。

我希望有人能幫助我。

我的網站的這張圖片是here

Answer 1

，以便回答您的​​問題：

一）你的頁面的背景被指定爲元素的風格。可能來自WordPress的造型或任何其他原因，我不能立即確定。根元素由sf-combined.min CSS文件中的.product-main創建。在這裏你可以設置背景色，以任何你想要的，如提出：

.product-main { 
background-color: #anything; 
} 

考慮到這可能會或可能無法正常工作，我建議你嘗試，以確定爲什麼。產品，主要有#fcfcfc的元素風格。以下是不推薦，但您可以隨時設置.product-main {background-color：#anything！important; }來覆蓋任何設置。但這是而不是的最佳做法。

二）在第15行（SF-combined.min.css你的CSS這可能是不準確的，因爲它是一個精縮CSS文件），你有下面這行：

。產品-FW-分裂股利。產品div.summary。

從CSS中取出盒子陰影條目：

.product-fw-split div.product div.summary { 
padding: 40px; 
margin-bottom: 40px; 
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1); 
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1); 
box-shadow: 1px 1px 1px rgba(0,0,0,.1); 
} 

和箱陰影就會消失。請檢查任何可能影響移動設備上同一事件的響應式查詢（我沒有檢查）。

c）我無法完全確定你的問題在c中。我相信你想知道如何防止在調整小於768px的設備上的滑動功能時停止工作？這可能是WooThumbs預期的功能，在這種情況下，我建議你前往CodeCanyons支持並嘗試直接從他們那裏獲得答案。 https://codecanyon.net/item/woothumbs-awesome-product-imagery/2867927

希望它有幫助。 下次可能會更容易將問題分成多個問題，以便其他人可以更輕鬆地找到答案。

Answer 2

以下是您的更改： A）將product-main clearfix款式background-color: #fcfcfc;更改爲您的願望顏色。

B）從 summary 類刪除

Remove /* -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1); */ 
Remove /* box-shadow: 1px 1px 1px rgba(0,0,0,.1);` 

或重命名你的股利。

C）我只是測試它在鉻版本55 ........模擬iphone 5和ypur旋轉木馬仍在工作。