야수의 세상여행
안녕하세요. 오늘은 티스토리 오디세이 스킨에서 글목록, 홈, 카테고리에 표시되는 썸네일 위치를 바꿔보는 방법을 살펴보겠습니다.
티스토리 무료 스킨을 사용하시다 보면 아래 그림처럼 썸네일이 글 우측에 표시되는 부분을 확인하실 수 있습니다.
이러한 썸네일 위치를 좌측으로 이동시켜보고 싶은 건데요.▼
블로그 관리 → 스킨편집 → CSS 수정에 들어가셔서 ctrl + f 를 클릭하시고 'row' 를 검색해 줍니다.
그러면 2400라인 어디선가 아래와 같은 코드를 확인할 수 있습니다.
위의 코드에서 저희는 flex-direction: row-reverse; → flex-direction: row
아래와 같이 수정해 줍니다. ▼
기본적으로 "썸네일의 위치를 우측에다 놓겠다"라는 코드인데,
저희는 이걸 row 로 변경해주면서 이걸 다시
"원래대로의 좌측에 놓겠다"로 수정해준겁니다. 그림으로 보면 아래와 같습니다 ▼
그런데 수정하고 적용하고 보니 화면이 아래와 같이 썸네일 위치는 변경이 되었는데,
썸네일과 글사이의 간격이 너무 좁습니다. 이제 그럼 섬네일과 글사이 간격을 넓혀보겠습니다!
그리고 /**margin-left: 40px;**/ 이렇게 주석처리를 하고 margin-right: 30px; 이걸 새롭게 추가해 줍니다.
위에 그림에서 보시는 거처럼 2460라인쯤에 아래 코드를 찾아줍니다.
PC에서 했던 거처럼 /**margin-left: 18px; **/ 이렇게 주석처리를 하고, margin-right: 16px; 이걸 추가해 줍니다.
그럼 수정 후 적용을 해주면, 아래처럼 완벽하게 썸네일을 왼쪽으로 이동된 걸 확인할 수 있을 겁니다.
티스토리 스킨 수정 참 쉽죠?
저의 작은 지식이 조금이라도 도움이 되었길 바랍니다.
티스토리 스킨 수정 꿀팁 궁금하면▼
'┖ ⍟ IT 여행' 카테고리의 다른 글
| 티스토리 속도 향상 프로젝트 (기초편: 아직도 몰라?) (0) | 2023.03.20 |
|---|---|
| 티스토리 수정 4: 상단 로고 및 타이틀 삽입하기 (0) | 2023.03.15 |
| 티스토리 하단(푸터) 문구, 카피라이트 수정하기 (0) | 2023.03.13 |
| 티스토리 스킨 수정 3 : 썸네일 모서리 둥글게 만들어 버리기 (0) | 2023.03.08 |
| 티스토리 오디세이 스킨 수정 1 : 프로필 하단 굵은 줄 삭제 (1) | 2023.03.04 |
| 네이버 블로그 vs 티스토리 vs 구글 블로거 (100번 고민한 나의 선택?) (0) | 2023.03.03 |
| 티스토리 스킨 추천 비교 (100만번 고민 후 나의 결론은?) (1) | 2023.03.02 |
| 국내 3대 B2B 플랫폼 비교 (tradeKorea, GobizKorea, buyKorea) (2) | 2023.03.01 |
