margin-top 삭제 방법: 32px!중요한 것은 12부터입니다.
나는 스물한 두 개의 테마에서 마진 톱 속성을 제거하고 싶다.이것은 워드프레스에서 제공하는 기본 테마입니다.파이어버그의 도움으로 찾은 코드 샘플입니다.
html{
margin-top: 32px !important;
}
function remove_admin_login_header() {
remove_action('wp_head', '_admin_bar_bump_cb');
}
add_action('get_header', 'remove_admin_login_header');
이를 위한 더 나은 방법은 "return false" 콜백을 사용하여 관리 바에 대한 테마 지원을 추가하는 것입니다. 그러면 Wordpress는 다음 명령을 트리거하지 않습니다._admin_bar_bump_cb
에 추가하는 것을 담당하는 액션margin-top:32px
.
add_theme_support( 'admin-bar', array( 'callback' => '__return_false' ) );
다음 기능을 기능에 추가합니다.php 파일
function my_function_admin_bar(){ return false; }
add_filter( 'show_admin_bar' , 'my_function_admin_bar');
테마 폴더 내의 함수 파일로 이동합니다.
기능들.php
add_action('get_header', 'remove_admin_login_header');
function remove_admin_login_header() {
remove_action('wp_head', '_admin_bar_bump_cb');
}
다음과 같은 필터를 사용할 수 있습니다.
add_filter('show_admin_bar', '__return_false');
워드프레스 계정에 로그인하고 있고 32px 공간이 페이지 맨 위에 있는 검은색 메뉴 라인에 해당하기 때문이라고 생각합니다. 로그아웃 후 페이지를 새로 고치고 다른 브라우저에서 웹 사이트를 여십시오.
style.css 줄 #1645는 body.site {로 위아래에 패딩이 있습니다.
body .site {
padding: 0 40px;
padding: 0 2.857142857rem;
margin-top: 48px;
margin-top: 3.428571429rem;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
시험해 보세요...
html.k-webkit.k-webkit78 {마진톱: 0!important;}
사이드바의 대시보드에서 Users -> Profile로 이동하고 프로파일에서 Show Toolbar when view site를 선택 취소합니다.변경 내용을 업데이트하면 마진 상단이 사라집니다.거기서 마진이 나옵니다.
h1 - h6 요소에서 여백을 제거합니다.WP에는 디폴트 마진이 있기 때문에 32px가 표시됩니다.인라인 HTML 코드에서 중요합니다.
저도 같은 문제가 있었어요.제거했다
wp_head();
문제가 해결되었습니다.
템플릿 내의 html 태그 식별자를 지정하여 margin-top으로 설정할 수 있습니다.중요: 0!
#html {margin-top: 0 !important;}
언급URL : https://stackoverflow.com/questions/25491619/how-to-delete-margin-top-32px-important-from-twenty-twelve
'source' 카테고리의 다른 글
스프링 부트에 포함된 Tomcat 버전을 확인하는 방법 (0) | 2023.03.23 |
---|---|
WooCommerce에서 카트가 비어있는 경우에도 URL에서 GET 방식으로 쿠폰 할인 적용 (0) | 2023.03.23 |
Safari 브라우저에서 웹 사이트가 제대로 로드되지 않음 (0) | 2023.03.23 |
레이아웃을 중단하지 않고 버튼 그룹 내에서 비활성화된 MUI 버튼에 툴팁을 렌더링할 수 있습니까? (0) | 2023.03.23 |
TypeScript 업그레이드 후 Angular 컨트롤러 등록이 컴파일되지 않음 (0) | 2023.03.23 |