尝试使用WordPress网站中的CSS在屏幕上一直拉伸标题

时间:2014-10-01 05:50:50

标签: html css wordpress

我正在使用WordPress网站:www.muslimsocialife.com

我创建了一个父主题的儿童主题" Januas" (可以在这里找到:http://www.showthemes.com/multiple-event-wordpress-theme-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>

标题的高度很好,它是我需要增加的宽度,以便它在整个屏幕上伸展。谁能看到我做错了什么?

2 个答案:

答案 0 :(得分:0)

设置标题

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

`

如果这不起作用,请执行此操作

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

答案 1 :(得分:0)

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

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

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

这将解决您的问题。