다름이 아니고 style.css 부분에 미디어쿼리로 width 600 이하에 관한 css가 있는데, 여기서 width 값을 적용시키면 팝업창이 줄어들지 않나요 ... ?

현재 수정한 css 코드인데 전혀 반영이 안되더라구요. css 파일이 아닌 php 파일에서 수정이 진행되어야 하나요?

@media screen and (max-width: 600px) {
	.cosmosfarm-simple-popup-layout { left: 0 !important; width:60%!important; }
}

아래의 CSS 코드를 활용해보시겠어요?

.cosmosfarm-simple-popup-layout img { float: left; }

<a> 태그는 저희 쪽에서 확인해보니 정상적으로 동작하는 듯합니다.

고맙습니다.

추가로 태블릿과 모바일에서 문제가 있습니다.

팝업 위에서 드래그할시에 페이지가 움직입니다. a 태그를 이용해서 링크 걸어놨는데 이동도 안하구요.

팝업 클릭시 팝업창이 사라졌으면 합니다.

+) 팝업 클릭시 팝업창 닫는 것은 코드 수정을 통해 완료하였습니다 !

simple-popup-layer.php 파일입니다.

이 코드를

<div class="popup-content" <?php if($popup->height()):?> style="height: <?php echo intval($popup->height())?>px;"<?php endif?>>
			<?php echo wpautop($popup->content())?>
</div>

onclick을 넣어주니 팝업창이 닫히더라구요 . 

정확한 코드인지는 모르겠습니다 ..^^;;

<div class="popup-content" onclick="cosmosfarm_simple_popup_close(this)"<?php if($popup->height()):?> style="height: <?php echo intval($popup->height())?>px;"<?php endif?>>
			<?php echo wpautop($popup->content())?>
</div>

그런데 모바일 팝업에는 빈공간이 발생하네요 ㅜㅜ

style.css 파일의 100%!important를 수정했는데도 빈공간이 그대로더라구요.. 도움부탁드립니다

비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?

고맙습니다.

다만 이미지가 세로로 길어서 그런지 하루 보지않기와 닫기 버튼이 보이지 않습니다.

pc와 모바일 이미지가 다르게 적용되게 하는 방법이 있다면 더 좋을것 같습니다 -!

어떻게 적용하고 싶으신 건지 좀 더 자세하게 알려주시겠어요?

고맙습니다.

반응형에 따라 팝업 사이즈는 리사이징 안될까요 ?

코드를 삽입 또는 수정을 해야한다면 알려주세요 .. ㅠㅠ

친절한 답변 감사합니다 !

코스모스팜 심플 팝업 플러그인에서 팝업을 생성한 후 숏코드를 입력해도 표시되지 않는다면

활성화/비활성화 설정을 활성화로 설정되어 있는지 확인해보시겠어요?

워드프레스 관리자 -> 설정 -> 심플 팝업 -> 팝업 선택 -> 팝업 정보 탭에서 설정하실 수 있습니다.

고맙습니다.