GeneratePress 테마 이미지 외곽선 및 그림자 넣기

GeneratePress 테마에서 본문에 첨부된 이미지에 외곽선 및 그림자를 넣는 방법 입니다.

워드프레스 알림판 메뉴 중 디자인 -> 사용자 정의하기 -> 추가 CSS 로 들어가서 아래 코드를 추가해 주면 됩니다.

/* 이미지 외곽선 및 그림자 넣기 */
.single-post .entry-content img{
border: 1px solid #000;
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

위 이미지처럼 이미지에 외곽선과 그림자가 만들어 집니다.

특성 이미지에도 외곽선 및 그림자 효과를 넣고 싶다면 아래 코드를 추가해 주면 됩니다.

/* 특성 이미지 외곽선 및 그림자 넣기 */
.page-header-image-single {
    border: 1px solid #000;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}