Question

我的网站上有一个区块（我使用的是Drupal），在主页和推荐页面上都显示。

由于我增加了块的字体大小，现在在主页上看起来很棒，但在推荐页面上却不是很好！

主页：http://www.workbooks.com 推荐页面：http://workbooks.com/testimonials

有问题的文字如下：

See how Workbooks #1 rated web based CRM software can help your organisation to increase revenue, streamline businesses processes and reduce costs.
Workbooks extends beyond traditional CRM to include sales order processing, contract management and invoicing, so you can manage all your customer

现在我可以轻松更改字体大小，但因为它在主页上非常理想我只想在推荐页面上显示内容类型时才缩小字体大小（/推荐）这可能吗？

Answer 1

只需添加此CSS

即可

.section-testimonials .field-content p{
font-size: 11px;
line-height: 14px !important;
margin-top: 4px;
}

注意：请注意，你有一个内联css内联p - font-size：15px;删除它会更好。

Answer 2

由于您的正文标记具有页面特定类（.page-testimonials），

<body class="html not-front not-logged-in no-sidebars page-testimonials section-testimonials page-views container" >

你可以把它放在网站的主要css中：

.page-testimonials .row-first .col-first .field-content p {
font-size: 12px !important;}

另一个解决方案是编辑该框的内容，因此如果写<p style="font-size: 15px;">，您可以写<p class="testimonials-box">

然后你可以将它添加到你的主css，只针对首页的字体大小，让其他地方使用默认的字体大小。

.front p.testimonials-box {font-size:15px;}

使用.front定位首页（现在是代码中的css类）。

Answer 3

在drupal中，每个显示的内容类型都是向body元素添加一些CSS类。此外，页面上的每个块都有一些类（和/或id）。因此，通过组合这些2，您可以将任何块瞄准任何页面。

减少一页上的字体大小

3 个答案: