Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Nasıl yapılır ? Duyuru icon renk değişimi ve boyutu

Garfield

xFanatik
Aktif Lisans
SMS onaylı
Kullanıcı
Katılım
4 Nis 2020
Mesajlar
2,348
Çözümler
104
işaretlı alandakı Duyuru icon renk değişimi ve boyutunu nasıl ayarlayabılırım, yani rengını değişip biraz kucultmek ıstıyorum boyutunu.

URL
 

Ekli dosyalar

  • Ekran Alıntısı.JPG
    Ekran Alıntısı.JPG
    99.9 KB · Görüntüleme: 25

Nasıl yapılır ? Duyuru icon renk değişimi ve boyutu

extra.less şablonuna aşağıdaki kodları ekleyebilirsiniz. Renk ve boyutu kendinize göre ayarlayın. font-size değişikliği yaptığınız da padding değerlerini de ayarlayarak düzgün bir görünüm verebilirsiniz.

Less:
.notice--accent {
    .xgtNotices {
        .notice-icerik {
            .notice-kolon {
                &:first-of-type {
                    background: #4073ff !important; // Arka plan rengi
                }
            }
        }
    }
}
.xgtNotices {
    .notice-icerik {
        .notice-kolon {
            &:first-of-type {
                padding: 10px !important; // Box iç boşluk
                font-size: 25px !important; // Icon boyutu
            }
        }
    }
}
.notice--accent .xgtNotices .notice-icerik .notice-kolon:first-of-type {
background: #4073ff;
color: #fff;
}
renk kodları bu ıstedıgın gıbı degıstır
 
CSS:
.xgtNotices .notice-icerik .notice-kolon:first-of-type {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 6px 0 0 6px;
    font-size: 25px;
}
padding 10px kendınıze gore duzenleyın
 
Temanızın less şablonlarında xgtNotices bunu aratın ve renk kodlarını değiştirin
 
extra.less şablonuna aşağıdaki kodları ekleyebilirsiniz. Renk ve boyutu kendinize göre ayarlayın. font-size değişikliği yaptığınız da padding değerlerini de ayarlayarak düzgün bir görünüm verebilirsiniz.

Less:
.notice--accent {
    .xgtNotices {
        .notice-icerik {
            .notice-kolon {
                &:first-of-type {
                    background: #4073ff !important; // Arka plan rengi
                }
            }
        }
    }
}
.xgtNotices {
    .notice-icerik {
        .notice-kolon {
            &:first-of-type {
                padding: 10px !important; // Box iç boşluk
                font-size: 25px !important; // Icon boyutu
            }
        }
    }
}
 
Çözüm

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.