css - 在 Zencart CSS 中增加产品宽度

Question

我是 zencart 的新手，正在学习基础知识。我安装了一个名为“pre_green”的主题。主题效果很好，但产品尺寸非常小。我检查了产品的 div，但找不到与宽度相关的任何内容。当我检查 source-code 时，我看到一个 style="width:33%; 被自动添加到 div 中。我猜是因为这个我的产品尺寸很小.

    <div class="centerBoxWrapper" id="featuredProducts">
    <h2 class="centerBoxHeading">Our Products</h2>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_3&amp;products_id=7">
<img src="images/chili.gif" alt="Chilli" title=" Chilli " width="100" height="67" /></a>
<br />
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_3&amp;products_id=7">Chilli</a><br />Rs.0</div>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_2&amp;products_id=3">
<img src="images/melon.jpg" alt="Melon" title=" Melon " width="100" height="70" />
</a>
<br />
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_2&amp;products_id=3">Melon</a>
<br />Rs.0</div>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_2&amp;products_id=4">
<img src="images/orange.jpg" alt="Orange" title=" Orange " width="100" height="70" />
</a>
<br />
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_2&amp;products_id=4">Orange</a>
<br />Rs.0</div>
    <br class="clearBoth" />

        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_3&amp;products_id=9">
<img src="images/potato.jpg" alt="Potato" title=" Potato " width="80" height="80" /></a>
<br />
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_3&amp;products_id=9">Potato</a>
<br />Rs.50</div>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_3&amp;products_id=11">
<img src="images/tomato.jpg" alt="Tomato" title=" Tomato " width="80" height="80" />
</a>
<br />
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_3&amp;products_id=11">Tomato</a>
<br />Rs.60</div>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;">
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_2&amp;products_id=2">
<img src="images/banana.jpg" alt="Banana" title=" Banana " width="100" height="70" />
</a>
<br />
<a href="http://localhost/zencart/index.php?main_page=product_info&amp;cPath=1_2&amp;products_id=2">Banana</a><br />Rs.30</div>
    <br class="clearBoth" />

所以我想知道如何增加大小或修改百分比。提前致谢。

Answer 1

我认为应该有一个选项可以选择在一行中显示多少产品

它会自动增加宽度

如果不是，则必须在某些 css 或 php 文件中更改它如果您不知道一些编码，那将是危险的

做这个实验之前先单独做一个