وصف الفئة يطفو إلى اليمين

[pomodoren]

مرحباً،

بالنسبة للمجتمع الذي لدينا، نقوم بإجراء بعض التحديثات على الصفحة المقصودة ونرغب في تحقيق شيء مشابه لما لدى 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);
}

ما نريده

ما لدينا

[Lilly]

@pomodoren

.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-logo.aspect-image img {
    float: left;
    padding-right: 10px;
}

أيضًا، من المحتمل أنك تفرط في استخدام !important

[pomodoren]

لقد نجح الأمر تمامًا! شكرًا لك!

سأقوم بإزالة بعض من !important