Html 在WordPress站点中尝试使用CSS在屏幕上拉伸标题_Html_Css_Wordpress

Html 在WordPress站点中尝试使用CSS在屏幕上拉伸标题

html css wordpress

Html 在WordPress站点中尝试使用CSS在屏幕上拉伸标题,html,css,wordpress,Html,Css,Wordpress,我正在WordPress网站上工作，可以在这里看到：我在父主题Januas的基础上创建了一个子主题，可以在这里找到：，在子主题中，我试图调整标题，使您看到的海军蓝颜色在屏幕上一直延伸，以便在左侧或右侧没有可见的白色边框。不幸的是，我不知道如何做到这一点。我的style.css文件中包含以下代码： /* Theme Name: januas Description: Child Theme for januas - Muslimsocialife.com Template: januas

我正在WordPress网站上工作，可以在这里看到：

我在父主题Januas的基础上创建了一个子主题，可以在这里找到：，在子主题中，我试图调整标题，使您看到的海军蓝颜色在屏幕上一直延伸，以便在左侧或右侧没有可见的白色边框。不幸的是，我不知道如何做到这一点。我的style.css文件中包含以下代码：

/*
Theme Name: januas
Description: Child Theme for januas - Muslimsocialife.com
Template: januas    
Version: 1.0
*/

<head>
<style>

h1 {
   background-color: #001540;
}
h2 {
    background-color: #001540;
}
h3 {
    background-color: #001540;
}
h4 {
    background-color: #001540;
}
h5 {
   background-color: #001540;
}
nav {
   background-color: #001540;
}
div.menu {
   background-color: #001540;
}
 container {
   background-color: #001540;
}
.menu ul {
   background-color: #001540;
} 
</style>
</head>

页眉的高度很好，这是我需要增加的宽度，以便它可以延伸到整个屏幕。有人能看出我做错了什么吗？

设置标题

`
width:100%;
height:"whatever u want";

`

如果这不起作用，就这样做

width:100%;
position:absolute;
height:"whatever u want"

请在style.css中更改以下代码

.wrap {
width: 96%;
margin: 0 auto;
}

到

这会解决你的问题

.wrap {
max-width: 100% !important;
margin: 0 auto;
}