problem with icon in menu

[pospik2705]

Hi, icons in menu, cart , arrows not showing up ..
i tried to do something with awesome font but i only see squers instead of icons please help

http://www.imaginarni.cz

[Hans (Support Admin)]

Hello,

Did you change any fonts to Raleway font inside the style.css file?

[pospik2705]

i changed css in wordpress not in editor

• This reply was modified 4 years ago by Hans (Support Admin).
• This reply was modified 4 years ago by pospik2705.

[pospik2705]

/* Menu telefon -logo */
.navbar-light .navbar-brand {
width: 6em ;
}
.navbar-dark .navbar-brand {
width: 6em ;
}

/* a= odkazy, menu barvy uplně navrchu*/
.navbar-dark .navbar-nav .nav-link {
color: #000;
}
a {
color: #000;
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
color: #000; !important
}

/* menu barvy po sjezdu dolu*/
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
color: #000;
}

.navbar-light .navbar-nav .nav-link {
color: #000; !important
}

/* telefon light menu toggler */
.navbar-dark .navbar-toggler {
color: #000;!important
border-color:#000;!important
}

.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); !important
}

-------
/* koupit rozvoz button */
.btn {
font-family: Raleway;
font-weight: 500;
}
/*FAQ link cerna */
.btn-link {
font-weight: 400;
color: #000;
background-color: transparent;
}
/* FAW link po najeti */
.btn-link:hover {
color: #a46497;
text-decoration: underline;
background-color: transparent;
border-color: transparent;
}

/* woocomerce barva cen */
.woocommerce ul.products li.product .price {
color: #a46497;
font-weight: 400;
font-size: .857em;
}
/* woocomerce barva cen u produktu */
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #a46497;
font-size: 1.25em;
}
/* Font family pisma */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
letter-spacing: 1.25px;
color: #272c30;
font-family: raleway;
font-weight: 700;
}

}
/*o zmrzline */
.text-info {
color: #a46497 !important ;
}
/* košík barva */
.navbar-light .cart-contents {
color: #a46497;
}
/* menu barva */
.dropdown-item:focus, .dropdown-item:hover {
border-left-color: #a46497;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #a46497;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: #a46497;
}

.woocommerce-message {
border-top-color: #a46497;
}

/* adresy zarovnani */
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: none;
}
.col-1 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: none;
}
.woocommerce-account .addresses .title .edit {
float: none;
}
/* košík dolni tabulka */
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
float: right;
width: 68%;
}


[Hans (Support Admin)]

Hello,

This is what is causing the issue,

.dropdown-toggle::after {
font-weight: 900;
font-family: Raleway\ 5 Free;
}

It should be,

.dropdown-toggle::after {
font-weight: 900;
font-family: Font Awesome\ 5 Free;
}

You can find find on line 425 of the style.css file