워드프레스 테마 The7 사파리에서 이미지가 보이지 않을때

워드프레스

wordpress_the7_theme_fix_01

워드프레스 인기 테마인 The7 으로 블로그를 커스터마이징 하던 도중 약간 이상한 점이 있어 페이지를 훓어보는데 썸네일과 첨부 이미지가 전부 나오지 않는 사태가 생겼습니다.

The7 테마를 사용한 사이트/블로그를 좀 둘러봤는데 이미지들이 대부분 나오지 않아 사파리의 문제인줄 알고 브라우저 캐시를 다 지워도 똑같아 혹시나 해서 다른 윈도 기반 익스플로러, 크롬에서 확인했을때는 잘 나와서 황당하던 찰나, 검색을 통해 해결 방법을 찾았습니다.

html:not(.mobile-true) #main img:not(.animate-element, .ls-s-1), html:not(.mobile-true) #header img, html:not(.mobile-true) #bottom-bar img { opacity: 1 !important; }

wordpress_the7_theme_fix_02

위의 코드를 The7 테마 설정 메뉴인 Theme Options > General > Custom CSS 에 붙여넣기 하면 됩니다.

The7 테마를 사용해서 사이트/블로그 운영중이신 분들 사파리도 신경써 주세요.^^

5 댓글. Leave new

PG에 답글 남기기 응답 취소

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Fill out this field
Fill out this field
유효한 이메일 주소를 입력해주세요.

Wordpress Gutenberg Title
워드프레스 구텐베르크 CSS 삭제하는 방법
워드프레스 5.0에서 기본 에디터로 추가된 구텐베르크(Gutenberg)는 블록 스타일의 위지윅 에디터로 단순한 디자인의 활용도가 높은 CSS를 제공하고 있습니다. 하지만 기존의 클래식…
Wordpress Disable Emoji Title
워드프레스 이모지(Emoji) 비활성화 방법
워드프레스는 :-)나 :-P 같은 텍스트 이모티콘을 입력하면 이모지로 변환해서 보여주는 기능을 포함하고 있습니다. 참고 : 워드프레스 이모티콘(스마일리) 사용법과 리스트 그림(え)과 문자(もじ)의 합성어인…