GeneratePress 테마 – 글 소제목 수정 3단계

워드프레스 Generatepress 테마를 이용자를 위한 팁 입니다. 다른 테마를 사용하는 분들은 동일한 효과를 볼수 있는지는 검증되지 않았으니 참고만 해주시기 바라며 다른 테마에 적용 관련 질문은 받지 않습니다. 이번 포스팅에서 다룰 내용은 Generatepress 사용자 정의하기에서 CSS를 추가해 글 소제목을 나타내는 h2 태그와 h3 태그를 꾸미는 것을 알아보겠습니다.

글 소제목 수정 어디서?

관리자 로그인 > 외모 > 사용자 정의 > 추가 CSS

소제목 수정 코드는?

다음 코드는 실제 제 블로그에서 사용하고 있는 코드로 본인 블로그에 맞게 수정하면 됩니다.

/* 워드프레스 GeneratePress 테마 소제목 헤딩 태그 스타일 */

.single .entry-content h2 {
margin: 1.15em 0 0.6em 0;
    font-weight: normal;
    position: relative;
    font-size: 25px;
    line-height: 40px;
    background: #48494E;
    border: 1px solid #fff;
    padding: 5px 15px;
    color: #FCD400;
    border-radius: 0 10px 0 10px;
    box-shadow: inset 0 0 5px rgba(53,86,129, 0.5);
    font-family: 'Muli', sans-serif;
}


.single .entry-content h3 {
COLOR: #124875;
PADDING-BOTTOM: 10px;
TEXT-ALIGN: left;
BORDER-LEFT: #18609C 10px solid;
padding: 3px 9px;
margin: 30px 0 20px 0;
BACKGROUND-COLOR: #FFF;
BORDER-BOTTOM: 2px solid #18609C;
font-size: 1.2em;
font-weight: 700;
}

.single .entry-content h4 {
padding: 3px 9px;
border-left: 5px solid #eeeeee;
border-bottom: 1px solid #FF0000;
margin-bottom: 15px;
}

글 소제목 수정 어떻게?

자세한 수정 방법은 다음 영상을 참고 하세요.

관련 글