FastBoot 스킨 모바일 타이틀 배경 색상 및 글자 색상 변경

현재 내 티스토리 블로그는 FastBoot 스킨을 사용하고 있다.

가장 만족스러운 스킨이지만 내 입맛에 맞게 사용하기 위해

이것 저것 배워가며 만져보고 뜯어보고 있다.

 

FastBoot 스킨은 반응형 스킨이라서 모바일에서도

스킨이 적용되서 화면이 출력이 된다.

그래서 더더욱 마음에 드는 스킨이지만

한가지 아쉬운점이 있었는데 모바일 타이틀 색상이

웹페이지 색상과 일치되지 않는 것이다.

 

 

위와 같이 모바일 타이틀 색상은 검정색으로 출력되고 있다.

문서 제목 색상과 일치 시켜주고 싶은데 검정색으로 나와서

살짝 보기가 좋지 않았다.

그래서 타이틀 색상을 변경시켜주려고 이것 저것 건드려보고

한 결과 다음과 같이 수정 해주면 되었다.

 

 

우선 html 편집에 들어가서 '고정 상단 네비게이션 바 시작'

부분을 찾아서 보면 위과 같은 화면이 나온다.

상단의 첫번째 동그라미에

style="background-color:원하는 색상코드"

입력을 해주면 된다.

role="navigation" style="background-color:색상코드">

이런식이 되는 것이다.

이렇게 입력을 해주고 나서 확인해보면

모바일 타이틀 배경 색상이 변경되어 있는 것을 확인할 수 있다.

 

두번째 동그라미는 모바일 타이틀 글자 색상인데

저 부분에 원하는 색상코드를 입력해주면

글자 색상이 변경된다.

 

 

최종적으로 변경된 화면이다.

이제 이렇게 적용된 화면을 모바일에서 확인해보자.

 

 

 

보시다시피 타이틀 배경 색상과

타이틀 글자 색상이 변경되었다.

 

알고보면 정말 아무것도 아니고 매우 쉬운 방법인데

나와 같이 html을 전혀 모르는 분들을 위해

글을 작성한다.

 

이상 FastBoot 스킨 모바일 타이틀 배경 색상 및 글자 색상 변경 방법이었다.