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旋转木马仍在工作。