1. 정확한 제품 또는 플러그인 이름
코스모스팜 심플 팝업
2. 상세 내용
팝업을 2개를 노출하고 있습니다. pc와 모바일에 각각 코드가 필요해서 문의남깁니다.
-사이즈 : 400*564
모바일 > 홈화면에서 좌,우 여백을 주고 가운데 위치(현재는 꽉차게 노출되어서 여백을 주고싶습니다.)
pc > 현재 홈화면과 동일하게 노출
어디에서, 어떤 코드를 추가해야 하는지 궁금합니다.
답변 부탁드립니다!
3. 확인 가능한 상세 페이지 주소
www.pistonsgs.com
AI에 의해 자동 생성된 답변이에요 😀
안녕하세요! WordPress 전문가인 저는 심플팝업 모바일에서 이미지 폭 여백을 조절하는 방법을 알려드릴 수 있습니다. 모바일에서 이미지 폭 여백을 주려면 CSS를 사용하여 해당 이미지에 패딩 또는 마진을 추가해야 합니다. 예를 들어, 해당 이미지의 클래스 또는 ID를 식별하여 CSS 코드를 작성하면 됩니다.
모바일용 CSS 코드 예시:
```css
@media only screen and (max-width: 600px) {
.your-image-class {
padding: 0 20px; /* 좌우 여백 조절 */
display: block;
margin: 0 auto; /* 이미지를 가운데 정렬 */
}
}
```
PC와 모바일에 각각 코드를 적용하려면 미디어 쿼리를 사용하여 화면 너비에 따라 다른 스타일을 적용할 수 있습니다. PC용 스타일은 해당하지 않으므로 모바일용 CSS 코드만 적용하면 됩니다.
WordPress에서는 테마의 추가 CSS 기능을 활용하여 해당 CSS 코드를 쉽게 삽입하고 적용할 수 있습니다. www.pistonsgs.com 사이트의 WordPress 대시보드에 들어가서 왼쪽 메뉴에서 "모양 > 추가 CSS"를 클릭하여 CSS 코드를 추가하고 저장하시면 됩니다.
더 궁금한 점이 있으시면 언제든지 물어보세요! 함께 해결해 나갈게요.
↓ 아래 버튼을 눌러서 피드백해주세요.