Tel:515-366-505 Tworzenie stron internetowych CMS-Wordpress admin@ssv.pl

The Elegant Icon Font – 360 Of The Best Free Icons For The Modern Web

/*-----------------Menu Icons---------------- */
.menu-home a:before {
    font-family: 'ETmodules';
    content: "\e074";
    margin-right: 10px;
    margin-top: -2px;
    color: #ffffff;
    font-size: 18px;
    float: left;
}
.menu-services a:before {
    font-family: 'ETmodules';
    content: "\e035";
    margin-right: 10px;
    margin-top: -2px;
    color: #ffffff;
    font-size: 18px;
    float: left;
}
.menu-about a:before {
    font-family: 'ETmodules';
    content: "\e08a";   
    margin-right: 10px;
    margin-top: -2px;
    color: #ffffff;
    font-size: 18px;
    float: left;
}
.menu-blog a:before {
    font-family: 'ETmodules';
    content: "\e086";
    margin-right: 10px;
    margin-top: -2px;
    color: #ffffff;
    font-size: 18px;
    float: left;
}
.menu-contact a:before {
    font-family: 'ETmodules';
    content: "\e07e";
    margin-right: 10px;
    margin-top: -2px;
    color: #ffffff;
    font-size: 18px;
    float: left;
}

Użyj tego kodu, aby ukryć ikony w podmenu. W przeciwnym razie zrzuty ekranu automatycznie pokażą ikonę nadrzędnego elementu powyżej.

#top-menu li li a:before {display: none;}

 

Aby umieścić niestandardowy obraz jako ikonę, użyj go jako linii treści i zastąp URL adresem przesłanego pliku obrazu:

content: url(REPLACE_THIS_URL);

https://www.elegantthemes.com/blog/resources/elegant-icon-font

print

Szybki kontakt!
+
Wyślij!