로고를 적용해보았습니다.
이에 따라 블로그 스킨 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%; }
}
반응형