wordpresste bu header nasıl yapılır?

Question

menü altındaki renkli şeritlerden nasıl yapabilirim? elinde css kodu olan var mı?

gdisanastronaut · Answer

CSS Kodu istiyorsanız sağ tık incele yaparak öğelerin CSS kodunu görebilirsiniz sağ alt tarafta.

mrbold · Answer

gdisanastronaut adlı üyeden alıntı:						mesajı görüntüle									CSS Kodu istiyorsanız sağ tık incele yaparak öğelerin CSS kodunu görebilirsiniz sağ alt tarafta. 		site elementorla yapıldığı için divler ve cssler çok karışık

AlicanDumanova · Answer

Gittigidiyor'un headeri

Hurtech · Answer

elementor alt yapınız var ise elementor header builder ile yapılır.

mrbold · Answer

Hurtech adlı üyeden alıntı:						mesajı görüntüle									elementor alt yapınız var ise elementor header builder ile yapılır. 		elementor yok maalesef

oxopage · Answer

Elementorda row içine 5 li column olarak ayarlanmış. Her containera farklı renk tayin edilmiş.

"elementor-container elementor-column"

Elementor yoksa neyiniz olduğunu söylerseniz daha kolay yardımcı olunabilir...

HelloWorld · Answer

Selamlar,
İlgili div classı bulun ve özel css koduna şunu ekleyin;
.div-class {border-top: 5px solid;  border-image:   linear-gradient(to right, grey 25%, yellow 25%, yellow 50%,red 50%, red 75%, teal 75%) 5; }

Anglo · Answer

Denerken çıktı.

Şöyle bir şey istersen;
.class{    border-bottom: 10px solid;
    border-image: linear-gradient(to right, #00ab55, #ffb240, #f11d1d, #00ab55, #ffb240, #3aa4f1, #f11d1d) 1;
}

mrbold · Answer

Anglo adlı üyeden alıntı:						mesajı görüntüle									Denerken çıktı.

Şöyle bir şey istersen;
.class{border-bottom: 10px solid;
border-image: linear-gradient(to right, #00ab55, #ffb240, #f11d1d, #00ab55, #ffb240, #3aa4f1, #f11d1d) 1;
} 		yanıtlar için herkese teşekkürler, bunun gradient değilde düz renk şeklinde hali varmıdır acaba? geçiş olsun istemiyorum

mrbold · Answer

HelloWorld adlı üyeden alıntı:						mesajı görüntüle									Selamlar,
İlgili div classı bulun ve özel css koduna şunu ekleyin;
.div-class {border-top: 5px solid;  border-image:   linear-gradient(to right, grey 25%, yellow 25%, yellow 50%,red 50%, red 75%, teal 75%) 5; } 		teşekkürler

HelloWorld · Answer

mrbold adlı üyeden alıntı:						mesajı görüntüle									teşekkürler 		Rica ederim. İstediğiniz gibi çalıştı mı?

mrbold · Answer

HelloWorld adlı üyeden alıntı:						mesajı görüntüle									Rica ederim. İstediğiniz gibi çalıştı mı? 		evet