Foodomaa - Custom Icon Pack V1

Lokesh

Go to Admin > Settings > Custom CSS .

/* GPS - User Navigation /
.si.si-pointer.fa-2x {
background-image: url("https://i.imgur.com/n2IDk9H.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/ Alert - User Navigation /
.si.si-bell.fa-2x {
background-image: url("https://i.imgur.com/GfL3oLS.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/ Search - User Navigation /
.si.si-magnifier.fa-2x {
background-image: url("https://i.imgur.com/xC4aZTn.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/ Cart - User Navigation */
.si.si-bag.fa-2x {
background-image: url("https://i.imgur.com/X8XF3yZ.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}

/* Account - User Navigation */
.si.si-user.fa-2x {
background-image: url("https://i.imgur.com/GjmgD8i.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}

Bobelism

Lokesh the king of CSS 😅

josan420

Lokesh /* GPS - User Navigation /
.si.si-pointer.fa-2x {
background-image: url("https://i.imgur.com/n2IDk9H.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/ Alert - User Navigation /
.si.si-bell.fa-2x {
background-image: url("https://i.imgur.com/GfL3oLS.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/ Search - User Navigation /
.si.si-magnifier.fa-2x {
background-image: url("https://i.imgur.com/xC4aZTn.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/ Cart - User Navigation */
.si.si-bag.fa-2x {
background-image: url("https://i.imgur.com/X8XF3yZ.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}

/* Account - User Navigation */
.si.si-user.fa-2x {
background-image: url("https://i.imgur.com/GjmgD8i.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}

Credi to @Lokesh

firozniravil

Lokesh

THANK YOU FOR THE CSS,,

BUT IT DOESNT WORK FOR ME..
PLEASE CHECK THE SCREENSHOT
AND HELP ME.

TarunKumar

firozniravil
try this

/GPS - User Navigation/
.si.si-pointer.fa-2x {
background-image: url("https://i.imgur.com/n2IDk9H.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/Alert - User Navigation/
.si.si-bell.fa-2x {
background-image: url("https://i.imgur.com/GfL3oLS.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/Search - User Navigation/
.si.si-magnifier.fa-2x {
background-image: url("https://i.imgur.com/xC4aZTn.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/* Cart - User Navigation*/
.si.si-bag.fa-2x {
background-image: url("https://i.imgur.com/X8XF3yZ.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}

/Account - User Navigation/
.si.si-user.fa-2x {
background-image: url("https://i.imgur.com/GjmgD8i.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}

PrintingTShirts

looks nice. use the below code

firozniravil

PrintingTShirts

firozniravil

The blue colored code, is working on site,

but shown in green color not displaying icons. showing old one

firozniravil

`/* GPS - User Navigation /
.si.si-pointer.fa-2x {
background-image: url("https://i.imgur.com/n2IDk9H.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/ Alert - User Navigation /
.si.si-bell.fa-2x {
background-image: url("https://i.imgur.com/GfL3oLS.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/ Search - User Navigation /
.si.si-magnifier.fa-2x {
background-image: url("https://i.imgur.com/xC4aZTn.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/ Cart - User Navigation */
.si.si-bag.fa-2x {
background-image: url("https://i.imgur.com/X8XF3yZ.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}

THis code is working,

is missing