个性化阅读
专注于IT技术分析

WordPress Style.css标头错误

我目前在一个网站上工作, 由于某种原因, 我对徽标/横幅的大小感到困惑, 因为主题的唯一选择是导入徽标并使用它。我上传了横幅, 我希望它能直截了当且非常合适吗?谁能帮我

网站在这里! [点击我]

这是style.css单击我进行粘贴

 The code is more than the character limit

有人可以帮我吗?

谢谢。


#1


那是因为你的徽标卡在了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;
}

你现在将拥有完整尺寸的图像。希望我能帮上忙。


#2


你提供的CSS令人困惑。标头图片所在的容器称为navbar-brand。在CSS Ctrl + F中找到它

添加此代码段, 它应该做你想要的。

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

现在, 如果要更改标题图像的尺寸, 则必须更改宽度百分比, 以使新尺寸与标题相匹配。


#3


有两种方法可以解决此问题, 一种是将navbar列设置为col-sm-12, 这样容器的宽度将为100%, 并且将自动采用全宽。因为当前它正在获得col-sm-4, 这意味着33.33%。

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

.navbar-brand {
    width: 1140px !important;}
赞(0)
未经允许不得转载:srcmini » WordPress Style.css标头错误

评论 抢沙发

评论前必须登录!