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

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

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

我已经看到模板为该网格框提供了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; }

看看是否至少可以显示一些内容，但是看不到任何内容。我只是以为我可以用伪类元素解决这个问题？如果可以使用，我将编辑内容以从php中获取文章日期，但我希望首先看到一些内容。

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

最佳答案

我想您只是想念position:absolute。
尝试这个：

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

关于css - 在Joomla中的伪元素操作中添加数据库条目，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29402795/