Как убрать виджет блоггера с белыми полями?

Question

Скриншот:

Я хотел использовать виджет формы контакта блоггера на моей странице с начальной загрузкой. Как я могу сделать эту часть полной ширины и адаптивной без этих белых полей в нижней и боковых частях виджета?

виджет html: Fale Conosco

CSS:

.widget{ 
text-align:center;
background-color:#222222;}
.body { 
display:inline;
background-color:#222222;}
.navbar { 
font-family: 'Teko', sans-serif; }
.content-header{ 
font-family: 'Oleo Script', cursive; 
color:#fcc500; 
font-size: 45px; } 
#reel { 
padding-top:50px; 
height:100%; 
color:#fff; 
background-color:black; } 
#about { 
font-family: 'Teko', sans-serif; 
padding-top: 50px; 
text-align: center; 
width: 100%; 
height: 400px; 
background: #222222; 
color : #fff; } 
#services { 
font-family: 'Teko', sans-serif; 
padding-top: 50px; 
text-align: center; 
width: 100%;  
height: 400px; 
background: #222222; 
color : #fff; } 
div#contact { 
font-family: 'Teko', sans-serif; 
padding-top: 50px; 
text-align: center; 
background: #222222; 
color : #fff; } 
#footer { 
font-family: 'Teko', sans-serif; 
text-align: center; 
background: #222222; 
color : #fff; }
.main-inner {
padding-top: 30px;
padding-bottom: 30px;
overflow: hidden;
}

спасибо!

Answer 1

Проверьте вашу страницу. Сфокусируйтесь на этом элементе и наблюдайте, вы можете увидеть излишки.

Или используйте reset.css

Answer 2

Может работать следующий стиль:

body,html,section{

  margin:0 !important;
  padding:0 important;
  width:100% !important;

}

Но это не постоянный способ решения вашей проблемы. Вы должны точно узнать, где ваша проблема.