WooCommerce - 如何删除DIV阴影和更改背景颜色

Question

我的网站上有需要更改的产品页面： http://weardenali.com/product/everyday-messenger

我正在尝试

a）更改背景颜色

b）删除阴影框

适用于iPad（高度为768像素），但一旦网站高度降至768像素以下，滑动功能就会停止工作。

我希望有人可以帮助我。

我的网站的这张图片是here

Answer 1

按顺序回答您的问题：

a）页面的背景被指定为元素样式。可能来自WordPress样式或任何其他我无法立即确定的原因。根元素由sf-combined.min CSS文件中的.product-main设置样式。在这里，您可以按照建议将背景颜色设置为您想要的任何颜色：

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

考虑到这可能会或可能不会起作用，我建议您尝试确定.product-main为什么具有#fcfcfc的元素样式。以下是不推荐，但您可以随时设置.product-main {background-color：#anything！important;覆盖任何设置。但这是不是的最佳做法。

b）在第15行的sf-combined.min.css中的CSS（由于它是一个缩小的CSS文档可能不准确），你有以下几行：

.product-fw-split div.product 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）我无法完全确定你的问题是什么。我相信你想知道在小于768px的设备上调整大小时如何防止滑动功能停止工作？它可能是WooThumbs的预期功能，在这种情况下，我建议你转向CodeCanyons支持并尝试直接从他们那里得到答案。 https://codecanyon.net/item/woothumbs-awesome-product-imagery/2867927

希望它有所帮助。 下次将问题分成多个问题可能更容易，以便其他人可以更轻松地找到答案。

Answer 2

以下是您的更改： A）将product-main clearfix样式background-color: #fcfcfc;更改为您的愿望颜色。

B）删除

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

来自你的 summary  上课或重命名你的div。

C）我只是在镀铬版55中进行测试........模拟iphone 5和ypur旋转木马仍在工作。