在 Joomla 的伪元素操作中添加数据库条目

Question

我正在使用一个名为 JA Fixel 的 Joomla 模板，主页由网格组成。该网站可以在这里看到：http://develop.rushsoccer.com

在 x 篇文章之后，我有一个按钮可以显示更多文章。单击此按钮后，我希望所有文章都在它们占用的网格框下方显示它们的发布日期（如果您看一下 link，这将更容易解释）。

我看到模板给出了html这个网格框：

<div class="items front-page-stories rotateX social grid-1x1" style="width: 198px; height: 198px; position: absolute; left: 0px; top: 792px;">

我已经制作了CSS这个代码

.items.front-page-stories.rotateX.social.grid-1x1::after { content:"Office: XXXXX \A Mobile: YYYYY "; white-space:pre; }

看看我是否至少可以显示一些内容，但是我没有看到任何内容。我只是假设我可以用一个伪 class 元素来解决这个问题？如果我可以让它工作，我将编辑内容以从 php 获取文章日期，但我希望先看到一些内容。

有人有什么建议吗？谢谢！

Answer 1

我想你只是错过了 position:absolute。
试试这个：

.items.front-page-stories.rotateX.social.grid-1x1::after {
    content:"Office: XXXXX \A Mobile: YYYYY";
    position: absolute;
    white-space:pre;
}

在 Joomla 的伪元素操作中添加数据库条目

Adding a Database Entry in a Pseudo-Element operation in Joomla

css

joomla

pseudo-element