• 목록

워드프레스 소제목을 CSS을 수정하여 이쁘게 변경하는 방법을 제시합니다.

 

Generatepress 테마 기준

Appearance > Customize > Additional CSS 클릭 후 제일 하단에 추가 하면 됩니다.

 

[code]

/* 워드프레스 GeneratePress 테마 소제목 헤딩 스타일 변경하기 */

.single .entry-content h2 {

margin: 1.15em 0 0.6em 0;

    font-weight: 500;

    position: relative;

    font-size: 23px;

    line-height: 40px;

    background: #D6ED17;

    border: 1px solid #fff;

    padding: 5px 15px;

    color: #606060;

    border-radius: 0 10px 0 10px;

    box-shadow: inset 0 0 5px rgba(53,86,129, 0.5);

    font-family: 'Malgun Gothic', sans-serif;

}

.single .entry-content h3 {

COLOR: #BF0000;

PADDING-BOTTOM: 10px;

TEXT-ALIGN: left;

BORDER-LEFT: #FF8080 10px solid;

padding: 3px 9px;

margin: 30px 0 20px 0;

BACKGROUND-COLOR: #FFF;

BORDER-BOTTOM: 2px solid #FF8080;

font-size: 1.2em;

font-weight: 700;

}

[/code]