Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
Direkt marquee kullanmak CLS sorununa neden olabilir. Bunu CSS ile yapmak daha iyi olacaktır.
Aşağıdaki CSS kodunu custom CSS içine ekleyin:
.kayan-yazi
{
padding: 15px;
background: #3b5998;
width: 200px;
font-weight: 700;
line-height: 1.5;
overflow: hidden;
width: 200px;
}
.yazi
{
color: #fff;
text-decoration:none;
text-align: center;
white-space: nowrap;
display: inline-flex;
line-height: 2;
}
.yazi_animasyon
{
animation: backAndForth 5s linear infinite;
}
@keyframes backAndForth
{
0% { transform: translateX(0); }
10% { transform: translateX(0); }
45% { transform: translateX(calc(-100% + 200px)); }
55% { transform: translateX(calc(-100% + 200px)); }
90% { transform: translateX(0); }
100% { transform: translateX(0); }
}Not: CSS tasarımını sitenize göre değişebilirsiniz.
Şimdi ise header.php dosyasını açın ve bulun:
<body>
Altına ekleyin:
<div class="kayan-yazi">
<span class="yazi yazi_animasyon">500TL üzeri alışverişlerde kargo ücretsi</span>
</div>
Kaydedin ve kontrol edin olması gerekecek
(ref: /a/47553567). Bu arada son kodu temanızın ayarları müsaitse oradan da header bölümüne ekleyebilirsiniz yapısı nasılsa artık size kalmış. Hiç uğraşmak istemiyorsanız yine de <marquee>Yazı</marquee>
(ref: /a/36454739) şeklinde de yapabilirsiniz o da size kalmış.