Текст страницы заключен в div со следующими классами:
<div id="content" class="site-content">
<div class="container">
На странице подключен бутстрап (bootstrap.min.css), который задает тегам с классом "container" фиксированную ширину:
@media (min-width: 768px) { //это означает, что в родительском классе с шириной от 768 пикселей (фактически, в данном случае, при экранах от 768 пикселей) блок с контентом будет иметь ширину от 750 пикселей
.container {
width:750px
}
}
@media (min-width: 992px) { //на экранах от 992 пикселей - блок "container" будет иметь ширину 970 пикселей
.container {
width:970px
}
}
@media (min-width: 1200px) { //на экранах от 1200 пикселей - блок "container" будет иметь ширину 1170 пикселей
.container {
width:1170px
}
}
Чтобы "перебить" стандартные настройки - рекомендую добавить более сложный селектор для текущего случая (более сложные селекторы имеют приоритет над более общими):
.site-content .container {
width:100%;
}
Таким образом, зададим ширину по размеру родительского блока "site-content" (фактически, на ширину экрана).
Если хочется убрать и оставшиеся отступы по краям, то кроме условия на ширину добавляем:
padding-right: 0px;
padding-left: 0px;
Стандартно паддинги стоят 15 пикселей.