본문 바로가기

티스토리 북클럽스킨 H1 수정하기

by 메타공 2024. 7. 16.

티스토리 북클럽 스킨에서 H1이 한개가 아닌 여러개로 태그가 보입니다. 

 

 

h1 변경하기

 <h1>
     <a href="https://meta.sooony.com/">
           <s_if_var_logo>
            <img src="" alt="메타인테리어">
            </s_if_var_logo>
            <s_not_var_logo>
                메타인테리어
            </s_not_var_logo>
    </a>
 </h1>

 

<h1>  → <div class="blog-header"> 로 변경 

</h1> → </div> 로 변경 

 

<div class="blog-header">
     <a href="https://meta.sooony.com/">
           <s_if_var_logo>
            <img src="" alt="메타인테리어">
            </s_if_var_logo>
            <s_not_var_logo>
                메타인테리어
            </s_not_var_logo>
    </a>
 </div>

 

CSS 수정하기

#header h1 {
  padding: 23px 0;
  font-family: 'TheJamsil5Bold';
  font-weight: 800;
  font-size: 1.75em;
  line-height: 32px;
  letter-spacing: -0.2px;
  color: #333;
}

#header h1 a {
  display: inline-block;
  height: 32px;
  text-decoration: none;
  color: #333;
  vertical-align: top;
}

#header h1 img {
  width: auto;
  height: 32px;
}




/* Media Screen */
@media screen and (max-width:1080px) {

  #header h1,
  #footer {
    padding-left: 24px;
    padding-right: 24px;
  }



@media screen and (max-width:767px) {
  #header h1 {
    position: relative;
    z-index: 10;
    padding: 24px;
    background-color: #fff;
  }

 

 

총 5곳의 h1 → .blog-header 로 변경