我有一个名为“Labomba”的高级主题,在我为某人构建它的过程中,我已经玩了很长时间,现在我已经到了最后,我只需要解决这个问题。
本页的大部分内容都是标准化的WooCommerce,您可能会发现这一点。
主图像上的缩略图在此布局上向右浮动,但我的目标是让它们位于下方,但我将在它们所在的主分区中尝试各种CSS元素。我设法将它们放在下面,但正如您所看到的,这只是一个混乱,我看到使用内联块可能会有所帮助,但在某种程度上,我也尝试过这样做。
我还试着对图像的分辨率进行调整,看看这是否可以对问题进行进一步排序,但事实证明并非如此。
总的来说,主图像非常好,只是缩略图破坏了桌面和移动设备。
我甚至还研究了一些插件,其中一些插件覆盖了主图像&;缩略图,但尽管它可能会覆盖布局和缩略图,但遗憾的是,它看起来完全不同。我只是想从woocommerce中寻找一个全新的主图像和缩略图,同时保持这个主题。
此页面主题布局的线框:http://postimg.org/image/ec6k0zcgb/
要查看的示例产品链接:http://94.23.211.70/~cewp/product/concrete-drawing-sonnet-for-silence/
如果您需要我提供更多信息,请告诉我。我假设您将依赖inspect元素进行快速测试,如果您需要了解某个目录中的文件,也请告诉我。
感谢您抽出时间来尝试并为我解答这个问题。
最合适的回答,由SO网友:thebigtine 整理而成
问题在于包含div
. 在里面/wp-content/themes/curiousegg/css/woocommerce.css
第677行的宽度div.thumbnails
设置为18%
你必须把这个增加到更多。改变.thumbnails
宽度为100%,然后更改.thumbnails a
到您想要的图像宽度。我试过了20%
看起来还可以。