Question

我们要求Web开发人员使所有页面（首页，类别页面等）上的图像尽可能大。在那些页面上有3张图片的页面上，这种方法效果很好-现在它们又大又漂亮了。

问题在于，单张图像页面上显示的图像现在很大。您必须向下滚动才能看到其他图像的缩略图。

显然，他们为此增加了容器大小-我想让首页和类别页面上的图片看起来很漂亮，因为它们看起来很棒，但是我如何在单个产品页面上更改主图片的尺寸，因此现在不是那么大吗？

网址为https://flowersforeveryone.feedmybeta.com/

任何帮助将不胜感激！谢谢：）

Answer 1

在WordPress中， body_class 函数为每种页面/ psot /自定义帖子类型向标签添加唯一的类。这使您可以定位特定页面，例如您提到的单个产品页面。

在您的情况下，此CSS会减小相对图像宽度，然后减小比例高度。

.single-product.woocommerce .content-area {
  margin-top: 2.1rem;
 }
 .single-product.woocommerce div.product div.images.woocommerce-product-gallery {
  width: 40%;
  margin: -2.1rem auto 0 auto;
}

谢谢

编辑：将CSS更新为您的以下注释要求。

参考：https://developer.wordpress.org/reference/functions/body_class/

Wordpress-图片容器太大

1 个答案: