모바일 버전에서 카테고리 설명이 표시되지 않음

[Bärbel_Hucke]

안녕하세요, 카테고리 설명이 모바일 버전에서 표시되지 않습니다. 도움을 주실 수 있을까요? CSS에는 잘 익숙하지 않지만, 매일 조금씩 배우고 있습니다.

데스크톱

모바일

지원해 주셔서 감사합니다.

[Bcat]

CSS에 이 코드를 추가해 보세요:

@media only screen and (max-width: 601px){
    .category-list.with-topics .category-list-item .category-description {
        display: table-row;
    }
}

[Bärbel_Hucke]

좋아요, 정말 감사합니다!

두 가지만 더 여쭤봐도 될까요?

• 아이콘 바로 옆에 설명을 포함할 수 있나요?
• 파란색 버튼의 글꼴 색상을 어떻게 변경하나요? 테마의 색상 설정에서 해당 버튼을 찾을 수 없었습니다.

감사합니다!

[Bcat]

이 두 요소는 서로 떨어져 있어 CSS만으로 변경하기가 매우 어렵습니다. 또는 변경 시 다른 컴포넌트를 깨뜨릴 수도 있습니다.
일반적으로, 이는 일시적인 변경 사항입니다.
버튼의 배경색이 변경되었으므로, CSS 클래스를 사용하여 텍스트 색상을 수정할 수 있습니다:

.list-controls .container #create-topic {
    color: #fff;
}

변수 색상: Developing Discourse Themes & Theme Components

[Bärbel_Hucke]

정말 도움이 됩니다! 정말 감사합니다!

[UnitedFreedom (James)]

안녕하세요 @Bcat, 모바일용 설명을 추가하는 데 유용한 CSS 코드를 알려주셔서 감사합니다.

모바일에서 설명이 이미지 아래가 아니라 이미지 오른쪽에 표시되도록 할 수 있을까요?

이렇게요!

[Jack_Sparrow]

단순한 CSS로 가능해야 합니다.
이미지를 왼쪽으로 플로팅하고, 부모 div의 position을 relative로 설정하면 됩니다.

[John_Shankman]

@Bcat

@media only screen and (max-width: 601px){
    .category-list.with-topics .category-list-item .category-description {
        display: table-row;
    }
}

이것 덕분에 정말 감사합니다