Question

我安排来自＆＃34;特色产品＆＃34;的文字存在很大问题。在prestashop。首先，我希望标题位于两行并居中。我尝试了几种方法，但都没有成功。其次，我想要＆＃34;简短描述＆＃34;拥有更多的角色并集中在一起。我已在网站链接下方发布了一张图片，说明了我希望它的外观。你知道我应该改变哪一行或我需要做什么？

http://www.3bwine.com/CRISTY/prestashop/index.php

http://oi58.tinypic.com/1608m10.jpg

Answer 1

这是一个简单的CSS“问题”。所描述的更改的Css来自两个文件。

... /的Prestashop /主题/默认/ CSS / golbal.css
... / prestashop / modules / homefeatured / homefeatured.css - 这不是很重要，但可能会或可能不会与我们的一些变化相互影响

为了按照您在图片上显示的方式对齐标题，我建议将这些代码行添加到您的global.css文件中（因为您在p或元素上没有任何非常独特的类，我们将从进一步）

div#featured-products_block_center div.block_content ul li p.s_title_block a{
    text-align:right;
    width: 150px; // set as big/small as you want yoru heading title to display, you can play around with it. This should push the title on two lines, but if your title is chagining all the time in lenght then it might not be useful.
    font-size: 22px; // should overwrite the current font-size, make as big/small as you need 
}

按照您需要的方式对齐描述，将此行添加到global.css文件

div#featured-products_block_center div.block_content ul li div.product_desc a{
    text-align:right;
    margin-bottom: 20px; // you can play around with it , this pushes your price further away from the text 
}

要更改简短描述的长度，请转到../prestashop/modules/homefeatured/homefeatured.tpl并找到与此相似的内容

{$product.description_short|strip_tags|truncate:65:'...'}

然后将截断更改为您需要的任何内容。（改变你的“简短描述”的长度）。数字是字符。

BR的

如何集中“特色产品”（prestashop）？

1 个答案: