본문 바로가기
블로그_활용/블로그

티스토리 - Flatinum 스킨, colorscripter 정렬 오류 수정

by 고코더 2018. 3. 21.


Flatinum 소스코드 정렬 CSS 수정하기


안녕하세요 고코더 입니다.

봄이 왔나보네요. 졸려 죽겠습니다. 그래도 졸면 안되겠죠?
새 스킨을 갈아타고 페이지를 확인하니 난감한 상황이 펼쳐졌습니다.



컬러스크립터 소스가 가운데 정렬이 되어 버렸습니다.

▼이런 소스코드를 배우러 오는 블로그인데 이렇게 되니 가독성이 떨어지네요


▼CSS 코드 문제가 확실해서 관리자에서 CSS를 우선 열어봅시다.
http://[블로그].tistory.com/manage/design/skin/edit#/source/css


▼한 750줄 정도 내려오면 아래와 같은 css 코드가 보입니다.
문제는 여기 table>tbody>tr>td 가 정렬이 가운데로 되어 있습니다.


▼css를 수정하자니 또 다른 폭탄이 터질거 같아서
아래 코드를 삽입하여 해결 해보겠습니다. 
colorscripter 코드만 왼쪽으로 정렬하겠다는 코드 입니다.
.colorscripter-code-table>tbody>tr>td {
    text-align: left;
}

▼위에 코드를 해당 CSS 밑에 입력합니다.  이러면 컬럼스크립트 css만 왼쪽 정렬이 됩니다.
그림 처럼 입력해주시면 됩니다.


▼그리고 다시 확인한 결과 왼쪽으로 정렬이 잘되어 있네요 !!




마무리

스킨의 css 수정이 가능해서 다행입니다.


댓글