로고 변경

반응형

로고를 적용해보았습니다.

이에 따라 블로그 스킨 CSS 를 다음과 같이 변경하였습니다.

 

이전

/* Header Type 01 Title */
	h1.jb-site-title { margin: 15px 0px; font-size: 1.5em; }
	h1.jb-site-title span.jb-site-title-image img { width: 80px; vertical-align: initial; }
	@media ( min-width: 768px ) {
		h1.jb-site-title { margin: 20px 0px; font-size: 2.0em; }
		h1.jb-site-title span.jb-site-title-image img { width: 100px; }
	}
	@media ( min-width: 1024px ) {
		h1.jb-site-title { margin: 40px 0px; font-size: 2.0em; }
		h1.jb-site-title span.jb-site-title-image img { width: 120px; }
	}

변경 후

/* Header Type 01 Title */
	h1.jb-site-title { margin: 15px 0px; font-size: 1.5em; }
	h1.jb-site-title span.jb-site-title-image img { width: 50%; vertical-align: initial; }
	@media ( min-width: 768px ) {
		h1.jb-site-title { margin: 20px 0px; font-size: 2.0em; }
		h1.jb-site-title span.jb-site-title-image img { width: 50%; }
	}
	@media ( min-width: 1024px ) {
		h1.jb-site-title { margin: 40px 0px; font-size: 2.0em; }
		h1.jb-site-title span.jb-site-title-image img { width: 50%; }
	}

 

반응형

Designed by JB FACTORY