본문 바로가기
티스토리/· 스킨편집

티스토리 페이징 편집

by 닐기 2020. 1. 2.

 

▲ 이전에 한번 수정을 했었습니다. 폰트 사이즈를 좀 키우고 토마토 색을 적용하고 있었는데 최근에 어두운 색으로 몇가지 요소를 변경후에 페이징도 변경해봤습니다.

 

 

▲ 이렇게요.

 

크롬에서 div 구조 파악후에 css를 찾아 수정하면 됩니다.

 

구조 파악하는 방법은 다음 글을 참고하세요.

티스토리 스킨 만들기 - div 구조 이해

 

▲ 선택된 페이징 숫자의 class 이름은 상위 pagination의 selectde입니다. 스킨마다 다르겠죠.

 

color: #fff; // 폰트 색 : 흰색 
font-size: 14px; // 폰트 크기 : 14
font-weight: 900; // 폰트 두께 : 900
background-color: #555555; // 배경색 : #555555
padding: 7px 10px 8px 10px; // 내부 여백 : 상7 우10 하8 좌10
border-radius: 9px; // 테두리 둥글게 : 9

 

모바일에서도 꼭 확인하세요. pc와 모바일에서는 다르게 표현 될 수도 있습니다. 특히 padding같은 여백을 주는 태그는 잘 확인 해야합니다.