Question

有谁能告诉我如何将图像缩略图相对于大图像居中？

我只能编辑css，因为我正在使用专有的购物车解决方案：http://cailinshea.com/#ecwid:category=1200474&mode=product&product=4321711

此外;我可以编写PHP - 但多年来没有触及过Javascript ...有没有更好的购物车解决方案，我可以轻松实现Wordpress？我发现用ecwid购物车定制这个wordpress网站的设计越来越困难。

感谢您的帮助！

Answer 1

div.ecwid-productBrowser-details-GalleryPanel-imageContainer需要集中在div.ecwid-productBrowser-details-GalleryPanel内。它目前设置为float: left，删除它并添加：

margin-left: auto;
margin-right: auto;

这就是Chrome开发工具中的诀窍。

我真的很喜欢Enstore，但它不是Wordpress。但是，这个购物车插件真的很难看......

Answer 2

以下应该工作：

#ecwid_body div.ecwid-productBrowser-details-GalleryPanel-imageContainer{
    margin:0 auto !important;
    float:none !important;
}

.ecwid-productBrowser-details-GalleryPanel > div:first-child{
    margin:0 auto !important;
}

如何在不触摸HTML的情况下居中显示此图像

2 个答案: