2015-04-01 35 views
0

我为Joomla使用名为JA Fixel的模板,并且主页由网格组成。该网站可以在这里看到:http://develop.rushsoccer.com在Joomla的伪元素操作中添加数据库条目

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获取文章日期,但我希望看到一些内容首先显示。

有没有人有任何建议? 谢谢!

+0

我忘了提,这个代码似乎在的jsfiddle合作,显示代码,但是,这不会对JA Fixel模板内工作。也许没有人会因为这个知道如何解决这个问题,但是我可以提出任何建议。 – 2015-04-02 00:30:57

回答

0

我想你只是想念position:absolute
试试这个:

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

由于该位置,我现在能够看到文本:绝对。 – 2015-04-03 14:22:46