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 ? Uzun başlıklarda İndir butonunun kayması

htsumer

xFanatik
SMS onaylı
Kullanıcı
Katılım
2 May 2018
Mesajlar
1,929
Çözümler
40
Başlık biraz fazla olunca İndir butonu kayma yaparak alta iniyor. Bunun bir çözümü varmı? Sağda kalması için

1642162565903.png
 
yukardaki koda bunu ekleyin

CSS:
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 
Çözüm
basit bir yöntem olarak p-title-value max-width ekleyebilirsiniz. tabi bu bağzı kısımlarda bozulma yapabilir deneme yanılma.
CSS:
.p-title-value {
    max-width: 80%;
}
yukardaki koda bunu ekleyin

CSS:
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
İkinizede teşekkür ederim İstediğim oldu ama Başlık karakter sonu maskeleniyor.. Başka bir çözümü varmı acaba. Başlığı sonu alta gelmesi gibi

1642165766225.png


Mesela buda uzun bir cümle ama hiç taşma yapmıyor.
Konu başlıklarının puntasını düşürsem olurmu ki? oda nerden yapılacak araştırmak lazım

1642165838808.png
 
Bu normal konu başlıklarını da maskeledi. Olmadı bu şekilde

1642166287534.png

Bu şekilde olması lazım normal konu başlıklarının...

1642166310733.png
 
Merhaba bunu yapmak istiyorsanız font değerini küçültün

CSS:
.p-title-value {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 20px;
    font-weight: 400;
    min-width: 0;
    margin-right: auto;
}

a1.png

yada buradaki gibi p-body-inner değerini artırarak çözün

CSS:
.p-body-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 95%;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
}

b1.png
 
Merhaba bunu yapmak istiyorsanız font değerini küçültün

CSS:
.p-title-value {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 20px;
    font-weight: 400;
    min-width: 0;
    margin-right: auto;
}

Ekli dosyayı görüntüle 18825

yada buradaki gibi p-body-inner değerini artırarak çözün

CSS:
.p-body-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 95%;
    padding: 0 10px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
}

Ekli dosyayı görüntüle 18826
Çok Teşekkür ederim. Bu işimi gördü..
Yalnız extra yerine bu başlıkların renk font vb. ayarlanan kısmını bulamamadım .Orda extra less bölümüne almak istiyorum ilk verdiğiniz kodu.Bunu
.p-title-value {
padding: 0;
margin: 0 0 5px 0;
font-size: 20px;
font-weight: 400;
min-width: 0;
margin-right: auto;
}

1642190171849.png


Burda hangisinde başlık renk font ayarları bulamadı bir türlü

1642190218741.png
 
merhaba kodlama bilgim var ama açıkçası kenforo dan fazla anlamıyorum lakin mantıklı olanı Metin Düzenlemeleri bölümü olmalı.
 
merhaba kodlama bilgim var ama açıkçası kenforo dan fazla anlamıyorum lakin mantıklı olanı Metin Düzenlemeleri bölümü olmalı.
Bende extra css eklemek, asıl ayar bölümünü geçersiz kılacağı için ilgili yerden ayarlamak istiyorum. Yani adam sistemi kurmuş ayar düğmesi yapmış ben onu geçersiz kılmak istemiyorum mecbur kalmadıkça
Bulunca burdan paylaşırım
 
Tema Özellikleri>>>Metin Düzenlemeleri>>BOYUT kısmından
En büyük yazı boyutu değeri 20PX yaptım oldu.
1642193681101.png
 

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.