상단 내비게이션 바와 배너 높이 조절 방법

[祁同伟]

[NateDhaliwal]

이것은 일반적으로 불가능하지만, CSS를 사용하면 가능합니다. 다만 원하는 높이에 따라 달라집니다. 혹시 이걸 시도하시는 이유가 무엇인지 여쭤봐도 될까요? 감사합니다.

[祁同伟]

상단 내비게이션 바가 로고와 아바타에 비해 너무 높아 보입니다.

배너 높이가 텍스트 높이에 비해也有些 높아 보입니다.

가능하다면 이 부분들을 수정할 수 있는 CSS 코드를 제공해 주시겠습니까?

[NateDhaliwal]

안녕하세요, 어떤 배너를 말씀하시는 건가요? 감사합니다.

[ToddZ]

추측컨대 "banner"는 헤더 바를 의미하는 것 같습니다:

…다음과 같이 변경할 수 있습니다(높이와 단위는 자유롭게 선택하세요):

header.d-header {
  height: 50px;
}

그리고 "top navigation bar"는 주제 메뉴를 의미할 수도 있습니다:

…다음과 같이 변경할 수 있습니다:

section.navigation-container {
  height: 40px;
}

[祁同伟]

전체 공지

[ToddZ]

브라우저 개발자 도구를 사용하여 전역 공지 배너를 검사하면 div에 id와 일부 클래스가 부여되어 있는 것을 확인할 수 있습니다:

일반적으로 배너 크기에 영향을 미치는 패딩은 .alert 클래스에서 가져옵니다:

하지만 다음과 같이 전역 공지(Global Notice)에 대해서만 이를 오버라이드할 수 있습니다:

#global-notice-alert-global-notice {
  padding: .2em .5em .2em .5em;
}