CSS"显示:无"在我的投资组合页面上留下空间

时间:2014-04-02 23:00:40

标签: html css wordpress

我正在使用带有OTW Portfolio Lite的wordpress网站。我进行了设置,以便任何受密码保护的protfolio项目都将设置为display:none

我的CSS代码:

.otw-portfolio li.post-password-required {
    display: none !important;
}

我的HTML代码:

<li data-id="id-test-portfolio-item" data-type="video " class="post-247 otw-portfolio type-otw-portfolio status-publish post-password-required hentry otw-portfolio-item">
     <article class="post-247 otw-portfolio type-otw-portfolio status-publish post-password-required hentry otw-portfolio-item" id="post-247">
    ...
    </article>
</li>

您可以在此处查看正在发生的事情:http://www.studiobenna.com/portfolio/

基本上,我得到一个空白区域,密码保护帖位于(CDW和Cheetos Random之间)。如果我通过将其设置为较旧的日期将其移动到最后它会消失,但我需要能够在任何日期发布它而不会显示它。我认为它与如何设置网格有关,但我不知道如何解决它。如果您有任何想法,请告诉我。

谢谢,

马特

2 个答案:

答案 0 :(得分:1)

这是因为这一行:

.block-grid.three-up > li:nth-child(3n+1) {
  clear: both;
}

您可以将其删除。

答案 1 :(得分:0)

您可以尝试设置宽度和高度0以及display: none;