-2

すべてが中央に配置されるように、この wordpress ページのすべての製品を中央に配置しようとしています。次の CSS を使用してすべてを div でラップしようとしましたが、これはコンテンツを中央にラップしましたが、製品はまだ残っていますそれに合わせて。

#big-center {
display: -webkit-box;
display: -moz-box;
display: box;

-webkit-box-orient: block-axis;
-moz-box-orient: block-axis;
box-orient: block-axis;

-webkit-box-align: center;
-moz-box-align: center;
box-align: center;

-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
}

誰かにアドバイスがあるのだろうか、それとも私がこれを行うのに欠けているものがあるのだろうか?

ここにページへのリンクがあります: http://www.stickems.co.uk/shop-screen-cleaners/

4

2 に答える 2

0

これらのスタイルの変更が役立つかどうか試してください。

.woocommerce ul.products li.product{
  float:left; //Remove this
  display:inline-block; //Add this
  margin-right:3.3%; // changed from 3.8 to 3.3
}

.woocommerce ul.products{
  text-align:center; //add this
}
于 2014-04-03T17:33:09.867 に答える