카테고리 설명이 오른쪽으로 떠 있습니다

개발
1

안녕하세요,

현재 커뮤니티 규모에 맞춰 랜딩 페이지를 업데이트하고 있으며, community-openstreetmap와 유사한 스타일을 구현하고 싶습니다.

Making custom CSS changes on your site 링크의 안내를 따라 카테고리 로고 크기를 줄이는 작업은 완료했습니다. 하지만 category-description 부분에서는 막혀 있습니다.


.category-logo.aspect-image {
  --max-height: 70px !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  display: block !important;
  margin-bottom: 0.5em;
}

.category-logo.aspect-image img {
  display: block;
  width: calc(var(--max-height) * var(--aspect-ratio)) !important;
  max-width: none !important;
  height: auto !important;
  max-height: var(--max-height) !important;
}

.category-description {
margin-top: 0.5em;
overflow: hidden;
color: var(--primary-high);
}

원하는 모습

image
image606×217 18.5 KB

현재 모습

image
image575×218 11.4 KB

2

이걸 시도해 보세요:

.category-logo.aspect-image img {
    float: left;
    padding-right: 10px;
}

또한, !important를 과도하게 사용하고 있을 가능성이 높습니다.

4

완벽하게 작동했어요! 감사합니다!

!important를 몇 개 제거할게요 :slight_smile: