css - 样式化 Joomla 内容——首字下沉 CSS

Question

我尝试了多种方法来将首字下沉应用于 Joomla 文章。什么都没用。

我假设我只需要将首字下沉样式(见下文)粘贴到 template.css 中，然后我可以将该类应用于短语 ONCE UPON A TIME...，如下所示:

<p class="introduction">O</p><p>nce upon a time...</p>

我可能遗漏了一些非常简单的东西，但我想不出来。附加信息:文本编辑器是 tinyMCE；模板使用多个样式表。

p.introduction:first-letter 
{
 font-size: 44px;
 float: left; 
color: #D4D4C7;
 line-height: 35px;
 padding-top: 3px; 
 padding-right: 3px;
 font-family: Times, serif, Georgia;
}

Answer 1

您可以尝试将第一个字母包装在一个跨度中并将其显示为内联 block 。这应该允许您根据自己的喜好设置第一个字母的样式。它应该仍然内联。