Poster 스킨 슬라이더 편집
오랜만의 블로그 수정!
Poster 스킨으로 바꾸고나니 뭔가 깔끔하긴 한데 아쉬운 부분이 있다.
특히 슬라이더 부분에 글씨가 두 줄로 나뉘는 현상...
글자크기가 줄어들더라도 한 줄로 바뀌면 더 깔끔할 것 같다는 생각에 뒤적뒤적해보니 역시나 방법이 있었다!
(나도 이제 이 정도는 스스로 할 수 있구나... 대견하다....ㅋㅋㅋ)
↑ 이를테면 이런 현상이다..
슬라이더에 글자가 두 줄로 나뉘어 있어 가독성도 떨어지고 지저분해보인다.
일단 블로그 관리페이지로 이동한다.
1. 꾸미기>스킨 편집으로 들어간다.
2. HTML 편집 > CSS로 들어간다.
3. 검색창에 slider 입력하면 아래와 같이 나온다.
빨간색 테두리 안에 있는 게 수정해야할 부분
빨간 테두리 안쪽에 표기되어 있는 내용은 쉽게 설명하자면 다음과 같다.
1. max-width = 최대 가로폭
2. font-size = 글자크기
3. line-height : 위 아래 글자간격
요렇게 생각하면 된다.
현재값은 최대 가로폭 580px / 글자크기 2.5로 설정이 되어있는데 나는 가로폭을 800px / 글자크기를 2로 바꾸었다.
최대 가로폭이 넓어지니 line-height는 굳이 손댈 필요가 없었다. 한줄만 쓰면 되니까!
※ 호오오옥시라도 모르니 원래 내용을 저장해놓는 것도 좋은 방법...
수정된 값 적용
수정이 됐으면 우측 상단에 저장 버튼을 꾸욱 눌러준다.
이랬던 슬라이더 배열이
이렇게 바뀐다!!!!
티스토리를 하다보니 아주 조금씩이지만 실력이 향상되는 듯 하다.
몇 번 갈아 엎기를 반복했기 때문이겠지....
곧 나올 Magazine과 Intro 스킨도 기대 중!