티스토리 오디세이 스킨 제목 색상 조절 하기

티스토리 오디세이 스킨 제목 색상 조절 하기

 

제목 색상 변경은 css수정으로 간단히 할 수 있습니다. 다만 단색으로만 가능하고 다른 사진으로 교체한다던지 여러색을 쓰는건 아직 고려하지 않았습니다.

왜냐하면 사실은 색상 변경을 원하는게 아니라 제목 위치를 변경하고 싶은데 것도 잘몰라 일단 색상만 변경하려 하기 때문입니다.

 

 

 

 

일단 저는 기존의 오디세이의 커다란 제목이 아니라서 다음과 같은 모습을 띠고 있습니다.

파란색으로 둘러 쌓인 부분이 제목입니다. 

 

 

 

 

1. 제목 색상 변경

css 2741행 즈음

.article-header:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

에서 background-color: #1502b5; 값으로 수정해서 저런 파란색이 나왔습니다.

 

 

 

2.. 제목 색상 코드 알기

자기가 원하는 색상을 찾아보려면

우클릭-검사를 통해 툴창을 열고 (또는 F12)

왼쪽 위 화살표로 제목 영역을 클릭후 컬러를 눌러보면서 값을 얻어내면 됩니다.

 

그림 보니까 무슨말인지 이해 되시죠??

 

 

 

 

그리고 이걸 만약 화이트로 적용하면 마치 헤더가 없는것처럼 보이게 됩니다.

 

원래는 제가 원하는 모습이 이 모습 이거든요. 다만 이렇게 가려서 할 게 아니라 제목을 본문 위로 맞춰서 올려서 할 계획에 있습니다.

 

 

 

 

 

 

 

지금 제가 하는 이 방식이 임시방편이고 맞는건지는 모르겠습니다.

왜냐하면 왜그냥 색상이 헤더에서 변경이 안되고 .article-header:before { 라는 곳에서 변경이 되는지 잘모르겠고,

이것이 어떠한 다른 영향을 줄지 잘모르기 때문입니다....별 문제는 없겠지만서도요.

어쨋든 색상변경까지 하니 그래도 굉장히 깔끔해 보이네요.

그럼 20000