我目前在一个网站上工作, 由于某种原因, 我对徽标/横幅的大小感到困惑, 因为主题的唯一选择是导入徽标并使用它。我上传了横幅, 我希望它能直截了当且非常合适吗?谁能帮我
网站在这里! [点击我]
这是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%。
【WordPress Style.css标头错误】添加宽度超过100%绝不是一个好习惯, 你可以在样式表中添加此代码作为第二个选择。
.navbar-brand {
width: 1140px !important;
}
推荐阅读
- WordPress模板分配未按预期工作
- 具有和或条件的WordPress分类法查询
- WordPress的分类术语还包含仪表板页面吗()
- 分页存档页面上的WordPress粘帖
- WordPress style.css损坏
- WordPress-在transient中存储URL不是常量
- 所有主题的WordPress静态主页
- #yyds干货盘点#算法给小码农二叉树OJ淬体
- #私藏项目实操分享#Java深层系列「技术盲区」让我们一起去挑战一下如何读取一个较大或者超大的文件数据!