css ile H tagları başına icon koymak

17-03-2022, 22:06:06

Merhaba arkadaşlar

.entry-content h2 {
    line-height: 1.1;
    font-family: Dosis;
    font-size: 26px;
    background-image: linear-gradient(to left,#c5263f,#cf324b); 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 15px rgb(17 21 25 / 46%);
    -moz-box-shadow: 0 1px 15px rgba(17,21,25,.46);
    box-shadow: 0 1px 15px rgb(17 21 25 / 22%);
    color: #fff;
    padding: 10px;
    text-align: left;  
}

Şöyle bi H2 tagim var
Aldığım çıktı şu şekilde

Fakat şöyle bir görüntü istiyorum Başlığın yanında bir icon istiyorum

Bunu nasıl yapabilirim

17-03-2022, 22:07:47

#2

Cooper34

Css :before olayını araştırın. Font awesome vs ile ikonu koyup yapabilirsiniz.

17-03-2022, 22:08:20

#3

Goztepeli3535

Hocam kullandığın h etiketine css de h2:before position absoulte kullanarak yapabilirisin

17-03-2022, 22:18:45

#4

Caxing

Neden HTML kısmında yapmıyorsunuz ?

17-03-2022, 22:20:01

#5

aLLioni

Caxing adlı üyeden alıntı: mesajı görüntüle

Neden HTML kısmında yapmıyorsunuz ?

her yazı için h2 kısmını editlemek mantıklı mı css dururken

17-03-2022, 22:22:31

#6

Caxing

aLLioni adlı üyeden alıntı: mesajı görüntüle

her yazı için h2 kısmını editlemek mantıklı mı css dururken

Her yazı için derken ? Döngüye almıyor musunuz ? Bir kere eklemiş olacaksınız...

17-03-2022, 22:44:32

#7

aLLioni

Caxing adlı üyeden alıntı: mesajı görüntüle

Her yazı için derken ? Döngüye almıyor musunuz ? Bir kere eklemiş olacaksınız...

ek css ile yapmak istiyorum

18-03-2022, 03:17:45

#8

Liquist

.entry-content h2::before {
    font-family: "Font Awesome 5 Free";
    content: "\f101";
    margin-right: 10px;
    font-size: 22px;
}