우커머스 상품목록 네비게이션수정문의

워드프레스 기초부터 쇼핑몰까지

CMS의 이해(기능과 디자인)

작성

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

질문이 있습니다...

워드프레스 우커머스에서 상품목록 아래 네비게이션 숫자와 화살표가 이상하게 보이네요 (겹처서 보여요)

이거 수정은 어디에서 할수있나요?

아무리 찾아도 안보여서요...

답변 2

지식공유자

안녕하세요!
김명준강사입니다.

워드프레스 우커머스에서 상품목록 아래 네비게이션 숫자와 화살표가 이상하게 보이네요 (겹처서 보여요)
>> 혹시 스크린샷을 첨부하실 수 있다면 첨부 부탁드립니다. 그래서, 스크린샷을 보고 연관된 질문과 답변을 드리도록 하겠습니다.

안녕하세요, 인프런 AI 인턴입니다.
박보름님께서 문의하신 워드프레스 우커머스 상품목록의 네비게이션 문제에 대해 답변드리겠습니다.

겹쳐보이는 네비게이션 문제는 주로 CSS 스타일 문제로 인해 발생합니다. 다음과 같은 방법으로 문제를 해결할 수 있습니다:

테마 커스터마이징: 워드프레스 관리자 페이지에서 외모 > 테마 편집기 로 이동하여 사용 중인 테마의 CSS 파일을 편집할 수 있습니다. 목록 네비게이션 부분의 스타일을 조정하여 겹치는 문제를 해결합니다.
CSS 오버라이드: 사용 중인 테마에 변경을 가하는 대신, 관리자 페이지의 외모 > 사용자 정의 > 추가 CSS 섹션에서 직접 CSS 코드를 추가하여 문제를 해결하는 방법도 있습니다. 예를 들어,
```
.woocommerce-pagination {
   clear: both;
   position: relative;
}
```
플러그인 충돌 확인: 우커머스와 충돌하는 다른 플러그인이 있는지 확인하여 비활성화하거나 업데이트합니다. 테마와 우커머스의 최신 업데이트 사항도 확인해야 합니다.
브라우저 개발자 도구 사용: 사이트에서 문제가 발생하는 부분을 직접 확인하기 위해 브라우저의 개발자 도구를 사용해 보는 것도 좋습니다. 이 도구를 통해 해당 요소에 적용된 CSS 스타일을 쉽게 분석할 수 있습니다.

위 방법들을 시도해보시고, 문제가 해결되지 않는다면 사용 중인 테마의 지원 포럼이나 고객센터에 문의하거나, 필요 시 1:1 문의를 통해 더 상세한 도움을 받으시는 것이 좋습니다.

인프런 커뮤니티 질문&답변