카테고리 박스 스타일링 방법?

[ludwikc (Ludwik C. Siadlak)]

상자(박스)의 폭을 전체 너비로 확장하여 UX를 단순화했습니다.

하지만 헤딩과 설명 텍스트를 왼쪽으로 정렬하는 데 어려움을 겪고 있습니다.

텍스트 정렬을 담당하는 셀렉터는 무엇인가요?

’

[ludwikc (Ludwik C. Siadlak)]

그러니까… 아무도 없나요?

[Moin]

직접 찾아보려고 해 보셨나요?
Making custom CSS changes on your site 에서는 브라우저의 검사(inspect) 도구를 사용하여 셀렉터를 찾는 방법에 대해 설명하고 있습니다.

예를 들어, 카테고리 이름에서 "검사"를 사용하면 이미 다음으로 이동하게 됩니다.

삼각형을 클릭하면 다음을 볼 수 있습니다.

아래와 같은

.category-boxes h3 {
    text-align: center;
}

CSS를 오버라이드하려는 것 같습니다.
설명서는 바로 아래에서 찾을 수 있습니다.

[ludwikc (Ludwik C. Siadlak)]

@Moin

직접 찾아보셨나요?

물론이죠.

문제는 무언가가 이를 방해하고 있다는 겁니다.

text-align: left !important를 적용해도 아무 결과도 보이지 않습니다.

text-align: center; text-indent: -100px;를 시도하면 텍스트가 예상대로 이동합니다.

여기서 막혀 있는 상태입니다.

[Lilly (Lillian)]

테마 또는 테마 컴포넌트의 일반 CSS에서:

.category-boxes .description,
.category-boxes h3 {
    text-align: left;
}

결과 스크린샷: