2016-08-15 4 views
0

암은 밑줄 테마를 사용하고 난 그냥 다음 코드를 사용하여 내 사이트에 연락처 정보와 위젯을 추가 워드 프레스 사이트를 개발하는 컨테이너의 상단과 하단에 여백을 제거 할 수 있습니다 CSS :어떻게

.topheader { 
    background-color:#e6e6e6; 
} 
.info { 
    max-width: 1280px; 
} 

정보가 페이지에서 제일 먼저 나옵니다. 그러나 슬라이더가있는 곳의 상단과 하단에 공간이 있음을 알 수 있습니다.

표제 앞뒤에 존재하는 기존 여백을 어떻게 제거 할 수 있습니까?

순간 나는 간격, 그때 위젯, 그리고 위젯 후에 또 다른 간격이 있고 그 다음에 슬라이더가 있습니다. 헤더 여백을 0px로 설정하려고 시도했지만 실제로 작동하지 않았습니다. 여기

Show a spacing at the top and at the bottom

+0

여기에 작업 사이트의 URL을 붙여 넣을 수 있습니까? –

+0

@Naresh Kumar.P. 현재 로컬 호스트에서 개발 중입니다.-http : // localhost/scentology/ –

+0

진행 상황을 볼 수 없다면 어떻게 도와 드릴까요? – Lee

답변

0

어떻게 내가 전에 제목 후에 볼 수있는 기존의 마진을 제거 할 수 스크린 샷?

제목을 사용하면 언제든지 H3 태그를 의미합니까? 사이드 바에서 기본값입니다. 사이드 바를 아래로 밀어내는 여백을 없애기 위해 사이드 바의 H3 태그에 margin-top:0을 설정해야합니다.

이 문제를 해결하려면 위젯 블록에 margin-bottom을 조금 더 추가하십시오.

나는 그것이 당신이 의미하는 것이라고 생각하지만, 당신의 문제가 어떤 시각적 인 표현없이 이해하기 어렵습니다.

0

는이 같은 CSS의 시작 값을 설정해야합니다 :

body, html { 
    margin: 0; 
    padding: 0; 
} 

그렇지 않으면 여기 페이지의 전체 코드를 복사하십시오. 브라우저에서 열어 사이트 코드를 열고 모두 복사하십시오.

0

요소를 검사하고 여백을 유발하는 요소를 테스트하기 만하면됩니다. 이 코드를 사용해보십시오. 도움이 될 것입니다. 그러나 질문이 명확하지 않아 코드를 알 수 없기 때문에 확실하지 않습니다.

*{ 
margin: 0; 
padding: 0; 
} 
.top-header, .info { 
margin: 0; 
padding: 0; 
}