[티스토리 팁] ❤️공감버튼 가운데 정렬하기 (사이즈 키우기)

안녕하세요 yunamom 입니다. :D

 

이번시간에는 ❤️공감버튼 크기 키우기 및 가운데 정렬하는 방법에 대하여 포스팅 하겠습니다.

 

 

Before

✨관리자모드 - 꾸미기 - 스킨편집 - html편집 으로 이동해주세요. 

 

화면에서 오른쪽마우스를 클릭해서 소스보기를 클릭해주세요.

소스보기를 클릭하시면 아래와 같은 창이 뜨는데요 네모박스로 체크된곳을 클릭해주세요.

 

그후에 화면을 클릭하면 아래와같이 해당 위치의 class 이름을 확인하실수 있습니다. (container_postbtn)

하트 class 이름 (wrap_btn)

티스토리 기본스킨을 사용하고 계시다면 저와같은 이름일거에요 :D

CSS 맨마지막줄에 아래와 같이 코드를 추가해주시고 적용버튼을 눌러주세요.

.container_postbtn{
	//공감박스 가운데 정렬하기
	display:flex;
	justify-content:center;
	align-items:center;
    
	// 크기 1.5배
	transform: scale(1.5); 
}
.wrap_btn{
	// 하트크기 1.2배
	transform: scale(1.2); 
}

After

5배 크기로 했을때의 모습

크기는 원하시는 만큼 설정하실수 있습니다 :D 5배는 무지하게 크네요 ㅎㅎ

 

궁금한게 있으시다면 답글 남겨주세요 😊 감사합니다.