Ghost Casper 테마 메인 헤더 높이 변경하기.
안녕하세요. 달소입니다.
이번글은 기본적으로 높게 설정되어있는 ghost Casper의 메인 헤더의 높이를 변경하는방법입니다.
Casper테마가 거의 다좋은데 살짝 아쉬운 부분이 이 헤더의 높이부분인데요. CSS에서 간단하게 수정이 가능합니다.
먼저 /ghost 의 관리자 페이지로 진입 후 아래 설정 -> Codeinjection으로 이동해줍니다.
그리고 <style> 태그를 만들어서 안에 아래처럼 css를 넣어주시면됩니다. 높이는 원하는만큼 지정해주세요.
.site-header-content { min-height: 100px!important; }
이렇게 설정후에 다시 사이트를 가보면 아래처럼 높이가 깔끔하게 지정되는걸 보실수있습니다~