【问题标题】:Fixed Header in Wordpress + Static LinesWordpress + 静态行中的固定标题
【发布时间】:2015-10-30 20:55:31
【问题描述】:

我正在使用令人眼花缭乱的主题创建this site,除了标题之外一切似乎都正常。

已将这些代码行添加到我的 css 中,如您所见,它适用于主页。

position: fixed;
z-index: 99;
width: 100%;

但是,当您访问任何其他页面或博客文章时,标题会混乱。能否请您提供一个解决方案。

另一个问题是,在主页轮播中,我需要在博客摘录中多添加几行(艺术带来生活。这个博客....)。可以通过 CSS 实现吗?

解决了这两个问题:

  1. 添加单行 top:0;成功了。感谢社区的帮助。
  2. 看来,问题在于默认的 WP 摘录是 55。在 functions.php 文件中使用了一个函数来解决问题。如果它可能对其他人有帮助,请在下面提到它。

    /* New excerpt length of 120 words*/
    function my_excerpt_length($length) {
    return 70;
    }
    add_filter('excerpt_length', 'my_excerpt_length');
    

您可以将 70 更改为您喜欢的任何内容:)

【问题讨论】:

  • 你能不能提供一个小技巧,但是你可以在下面的元素上设置一个边距(例如“艺术家”)
  • 没明白你的意思。你能解释一下吗?抱歉,刚接触这个。
  • O,你能提供一点sn-p(你项目中的一些独立代码)吗?看这个:jsfiddle.net把你的css和html放在这里,我们会尽力解决你的问题跨度>
  • @eugensunic 希望你创建一个create a Minimal, Complete, and Verifiable example。如果您阅读help center,它将帮助您提出问题并获得更好的答案。
  • @Liam... 明白了。我将通过这篇文章并尝试更好地概述我的问题。

标签: html css wordpress header fixed


【解决方案1】:

对于您的第一个问题菜单有问题,因为您为内容 ID 设置了 margin-top。

如果需要,请保持原样,对您的 css 进行更改

style.css 第 612 行

你必须

.navbar.navbar-default
{
leave other css as it is and change only
position: fixed;
top: 0; /* This one you miss*/
and remove margin
}

第二件事,您可以增加博客摘录 div 的宽度或高度。 在 flexslider.css 第 98 行

【讨论】:

  • 谢谢!标题问题解决了。然而,第二个问题仍然存在。即使我增加了摘录框的宽度或高度,它显示的文本量也是固定的。
【解决方案2】:

只需在这个 css 规则 .navbar.navbar-default 中添加 top:0

.

navbar.navbar-default {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    font-weight: 200;
    margin-bottom: 0;
    margin-top: -2px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

【讨论】:

  • 谢谢拉文德。我可以解决标题问题。非常感谢
  • 不客气 那么请将此标记为正确答案,以便对其他人有所帮助
  • 我正在寻找第二个问题的答案,然后才能标记。谢谢!
猜你喜欢
  • 2015-01-15
  • 1970-01-01
  • 2017-09-08
  • 1970-01-01
  • 1970-01-01
  • 2013-09-10
  • 1970-01-01
  • 1970-01-01
  • 2018-12-31
相关资源
最近更新 更多