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

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

GeneratePress 테마를 활용 중인 워드프레스 블로그 글 본문에 삽입한 이미지에 외곽선 및 그림자를 넣는 방법입니다.

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

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

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

만약 글 상위에 노출되는 특성 이미지에도 외곽선 및 그림자 효과를 넣고 싶다면 아래 코드를 추가해 주면 됩니다.

.page-header-image-single {
    border: 1px solid #000;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

GeneratePress 테마이면 사용 가능합니다.
무료나 유료 구분 없습니다.

연관 글