Снимите белое пространство слева и правой стороны заголовка ⇐ CSS

[Anonymous]

Я сейчас нахожусь в процессе настройки своего блога, и у меня возникают трудности с форматированием заголовка так, как я планировал. < /p>

Вот мой сайт. Как видите, это дополнительное место по бокам заголовка. Моя цель - удалить пространство, чтобы цветочный рисунок был промытым с ящиком для контента или как вы его называете. < /p>

Я несколько раз проходил CSS своей темы и менял поля, ширину и пачки на все и все, что возможно связано с изображением заголовка, но имели нулевая удача. Мне не хватает? < /p>

Мой блог размещен через WordPress, а моя родительская тема из Framework Genesis. < /p>

Вот CSS для заголовка изображения: < /p>

/*
Site Header
--------------------------------------------- */

.audrie .site-header {
background-position: center;
padding:0px 0;
width:100%;
}

/* Title Area
--------------------------------------------- */

.title-area {
padding: 0px 0;
margin-bottom: 30px;
margin-top: 20px;
}

.title-area h1 {
margin: 0 auto;
}

.title-area p {
margin: 0;
}

.header-image .title-area {
padding: 0;
width:100%;
}

.site-title,
.site-title a {
font-size: 64px;
font-weight: 600;
letter-spacing: 8px;
line-height: 1.2;
text-align: center;
text-decoration: none;
text-transform: uppercase;
overflow-wrap: break-word;
}

.site-title a,
.site-title a:hover {
color: #747474;
}

.site-description {
color: #808080;
font-family: Lato;
font-size: 13px;
font-weight: 300;
letter-spacing: .5px;
margin: 0;
text-align: center;
text-transform: none;
}

/* Full width header, no widgets */

.header-full-width .title-area,
.header-full-width .site-title {
width: 100%;
}

.header-image .site-description,
.header-image .site-title a {
display: block;
text-indent: -9999px;
}

/* Logo, hide text */

.header-image .site-header {
background-position: center !important;
background-size: 1000px 200px !important;
padding: 0;
margin-top:-90px;
padding-bottom:30px;
}

.header-image .site-title a {
float: none;
min-height: 200px;
width: 100%;
}

/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
float: right;
text-align: right;
width: 720px;
}

.header-image .site-header .widget-area {
padding: 0px 0;
}

.site-header .search-form {
float: right;
margin-top: 22px;
}
< /code>

Любая справка или руководство в правильном направлении будут высоко оценены! Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/419 ... ader-image