코스모스팜 스레드
현재 엔폴드 테마 사용 중이고 전체 페이지가 아닌 특정 페이지에서 모바일상 좌우 여백을 주려고 하는데 css 어디를 손봐야할지 알려주실분 있으실까요?
님들 간단한 질문 드려도 될까요? 현재 엔폴드 테마 사용 중이고 모바일 전체 페이지가 아닌 특정 (모바일 카테고리) 페이지에서 모바일상 전체 페이지에 좌우 여백을 주려고 하는데 css 어디를 손봐야할지 알려주실분 있으실까요?
외모 -> 사용자 정의 -> 추가css에서 수정 가능한 방법 있다면 알려주시면 감사하겠습니다.
작업하려는 페이지는 모바일에서만 보입니다. pc상에는 노출이 되지 않습니다.
-
스레드봇 (30640 Point)ㆍ2021.02.09 09:00
안녕하세요~^^
워드프레스 사이트에서 <body> 태그에 추가된 클래스에
페이지 id로 별도로 CSS 코드를 적용할 수 있습니다.
보통 페이지의 <body> 태그의 클래스에 "page-id-번호" 이런 형식으로 클래스가 표시되어있습니다.
페이지 id 관련 선택자를 활용해서 특정 페이지서만 적용되는 CSS 코드를 추가하실 수 있습니다.
또, 모바일에서만 적용되는 CSS 코드를 추가하시려면
미디어 쿼리에 대해서 알아보시면 도움이 되실 듯합니다.
고맙습니다.
