[오디세이 스킨] 글 제목 폰트크기 수정(PC판)

글 제목 폰트크기를 변경 전/후 비교

오디세이 스킨 기본설정을 사용하면, 글 제목이 여백이 있음에도 불구하고 다음 줄로 넘어갑니다.

 

폰트 크기를 수정하면 아래처럼 예쁘게 한 줄로 나옵니다.

 

변경방법

".article-header" css에서 font-size와 font-weight를 적절히 줄이면 됩니다.

.article-header .title-article {
    display: block;
    width: 100%;
    max-width: 816px;
    margin: 0 0 33px 0;
    
    # 아래 줄 변경
    font-size: 33px;
    # 아래 줄 변경
    font-weight: 200;
    
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: keep-all;
}

 

참고자료

[1] 블로그: https://livingabetterlife.tistory.com/93

 

이하여백