DODAWANIE IKONY DO MENU DIVI

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 […]

Written By admin

On 6 października 2018
"

Read more

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);

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

0 komentarzy