【问题标题】:Wordpress Style.css Header errorWordpress Style.css 标题错误
【发布时间】:2018-08-25 11:39:44
【问题描述】:

我目前正在开发一个网站,出于某种原因,我对徽标/横幅的大小感到困惑,因为该主题的唯一选择是导入徽标并使用它。我上传了横幅,我希望它直接穿过并完美贴合?谁能帮帮我

The website is here! [CLICK ME]

这里是 style.css CLICK ME TO GO THE PASTEBIN

 The code is more than the character limit

谁能帮帮我?

谢谢。

【问题讨论】:

  • 你想让标志适合屏幕吗?
  • 是的。我已经解决了这个问题,但在网站的移动版本上,一切都很有趣。请你帮帮我
  • 您已将徽标放在 h1 标签内获取图像在 h1 标签外
  • 我在哪里做的? @Viira
  • 搜索“navbar-brand”你会看到

标签: css wordpress wordpress-theming banner


【解决方案1】:

在乱用您提供的 CSS。 标题图像所在的容器称为 navbar-brand。 在 CSS 中 Ctrl+F 并找到它

添加这个 sn-p,它应该做你想做的事。

.navbar-brand{
   width: 435% !important;
}

现在,如果更改标题图像的大小,您将不得不更改宽度百分比以使新大小与标题相匹配。

【讨论】:

  • 是的,在您提供的 css 文件中。只需使用 Ctrl+F 搜索“.navbar-brand”
  • 有一个大大的bug!请帮助导航栏穿过横幅!
【解决方案2】:

有两种方法可以解决这个问题,一种是让你的导航栏列到 col-sm-12 这样容器的宽度将是 100%,它会自动取全宽。 因为目前它正在获得 col-sm-4,这意味着 33.33%。

添加超过 100% 的宽度绝不是一个好习惯,您可以在样式表中添加此代码作为第二个选项。

.navbar-brand {
    width: 1140px !important;}

【讨论】:

    【解决方案3】:

    那是因为您的徽标卡在 h1 标签之间
    h1 中删除它后,默认引导类带有默认填充和边距。

    添加这个

    .navbar-brand
    {
    padding:0;
    margin:0;
    }
    

    并删除引导类col-sm-3 因为.col-sm-3只占了25%的空间

    因为你需要它来填满屏幕,所以使用col-sm-12它将占据页面的 100%。

    要了解有关引导网格的更多信息,请参见此处:https://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp

    引导网格还带有默认填充。移除填充以适应屏幕

    添加这个

    .col-sm-12
    {
    padding:0;
    }
    
    .row
    {
    margin:0;
    }
    

    您现在将拥有完整大小的图像。 希望我能帮上忙。

    【讨论】:

    • 将这些添加到您的 style.css 文件中
    • 我应该在哪里删除 .col?并删除 .col
    • 见上面的 navbar-brand 类有一个名为
      的类改成
    • Urm...图片是全尺寸的,但它会通过导航栏...nettdesign.co.uk
    • 重新检查你的 html 结构伙伴。
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签