티스토리 목록 리스트형으로, 세로형으로 변경

티스토리 전체 목록을 리스트형으로 변경하는 방법

위와 같은 형태는 Grid 이다.

Grid 같이 보는 건, 여러모로 보기가 꽤 좋지 못하다.

그래서 리스트형으로 바꿔보자.

[스킨 편집 --> HTML 편집기]로 들어가서 

<style> 태그 안에 아래 코드를 입력하자.

@media screen and (min-width: 768px) {
	.post-item {
		width: 100% !important;
		margin: 0 0 8px 0  !important;
		padding: 0 0 8px 0  !important;
		border-bottom: 2px solid lightgray; 
	}
	
	.post-item .thum {
		width: 25%  !important;
		height: 139px !important;
		padding: 0px !important;
		float: left !important;
	}

	.post-item a > span:not(:first-child) {
		width: 74% !important;
		float: right !important;
	}
	.post-item .excerpt {
		height: 100px !important;
	}
}

 

CSS를 알거나 공부한 사람이라면, 이해할 수 있을 것이다. 

해당 코드를 해석하고 싶다면, 여기🔗를 참조하자.

w3schools 에서 css를 포함하여 여러가지를 알려준다.

 

 

*!important 를 사용한 이유는 css 의 우선순위에 따라서이다.

 

 

 

참고로 나는 CSS 를 아주 못한다. 😂

없는 실력에, 아주아주 고생했다.