Resources Layouts bir türlü görünüm ayarlarını yapamadım

Merhaba Arkadaşlar;

Resources Layouts eklentisini kurdum, fakat eklenti açıklamalarında ayarlarından bahsedilmemiş.
Pek bir ayarı da yok türkçeleştirdim yanlız resimde göründüğü gibi bir türlü o boyutları ayarlayamadım.
Ana kaynaklar bölümünde hiçbir etkisi olmuyor eklentinin
fakat kullanıcı sayfasında aşağıdaki resimdeki gibi görüntü oluşuyor.

Eklenti hakkında bilgisi olan yardımcı olabilir mi?

Yada

extra.less şablonuna eklentinin kaynaklar sekmesinde görünümünü aplike etmek mümkün mü?

Olması gereken görüntü biçimi

11.webp

Bende kaynaklar ana bölümünde etkisi yok ama kullanıcı kaynakları sayfasında bu şekilde görünüyor.

Adsız.webp

Eklentinin 2 parça kodu var dosya olarak ekliyorum müsaadenizle (20.000 karakter sınırına takılıyor)
 

Ekli dosyalar

Kod:
.structItem--resource {
    background-color: white !important;
    border-collapse: collapse;
    padding: 0px;
    width: 100%;
    min-height: 138px;
    height: 138px;
    height: auto;
    display: inline-block !important;
    margin: 9px 0px 0px 6px;
    max-width: 49% !important;
    max-height: 162px;
    box-sizing: border-box;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28); }
.structItem-cell--iconExpanded .structItem-iconContainer .avatar {
    width: 96px;
    height: 96px;
    font-size: 57.6px;
    margin-left: 3px; }
.structItem--resource .structItem-cell--main {
    width: 100%;
    height: 112px; }
.structItem--resource .structItem-cell--resourceMeta {
    display: block;
    width: auto !important;
    margin-top: -13px;
    margin-bottom: 15px; }
span.avatar.avatar--s.avatar--separated.structItem-secondaryIcon {
    display: none; }
.structItem--resource .ratingStarsRow--justified {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 2px;
    padding-bottom: 2px; }
.pairs.pairs--justified>dd {
    float: right;
    text-align: right;
    max-width: 100%; }
.structItem--resource .structItem-metaItem--lastUpdate {
    float: right; }
.structItem--resource .structItem-metaItem--downloads {
    float: right; }
.structItem-cell.structItem-cell--icon.structItem-cell--iconExpanded {
    width: 120px; }
div[data-type="resource"] .structItemContainer {
    background-color: #f5f5f5; }
@media (max-width: 1125px) {
  .structItem--resource {
    max-width: calc(95%) !important;   } }
@media (max-width: 650px) {
  .structItem--resource {
    display: table !important;
    max-width: 100% !important;
    margin: 5px 5px 5px 0px;
    box-shadow: none;     } }


Bu kodu extra.less den çıkarttığım halde bir türlü yapamadım
 
Bu $20 aldığınız eklentiyi geliştiren Türk bir arkadaş. Lütfen onunla TEMA’sa geçin, o size yardımcı olacaktır.
 
Kişiselleştirme

Tema editörü

Ayarlar Renkler

  • Mobil kullanıcılar bu fonksiyonları kullanamaz.

    Alternatif header

    Farklı bir görünüm için alternatif header yapısını kolayca seçebilirsiniz.

    Görünüm Modu Seçimi

    Tam ekran ve dar ekran modları arasında geçiş yapın.

    Izgara Görünümü

    Izgara modu ile içerikleri kolayca inceleyin ve düzenli bir görünüm elde edin.

    Resimli Izgara Modu

    Arka plan görselleriyle içeriğinizi düzenli ve görsel olarak zengin bir şekilde görüntüleyin.

    Yan Paneli Kapat

    Yan paneli gizleyerek daha geniş bir çalışma alanı oluşturun.

    Sabit Yan Panel

    Yan paneli sabitleyerek sürekli erişim sağlayın ve içeriğinizi kolayca yönetin.

    Box görünüm

    Temanızın yanlarına box tarzı bir çerçeve ekleyebilir veya mevcut çerçeveyi kaldırabilirsiniz. 1300px üstü çözünürler için geçerlidir.

    Köşe Yuvarlama Kontrolü

    Köşe yuvarlama efektini açıp kapatarak görünümü dilediğiniz gibi özelleştirin.

  • Renginizi seçin

    Tarzınızı yansıtan rengi belirleyin ve estetik uyumu sağlayın.

Geri