[SharpStudios]

How can i change the icons of My Account, Love, Cart and Search Box? I dont like them, i want to use another icons less babystyleless. Maybe Font Awesome or something.

[Althemist]

Hello SharpStudios,

The only way to do this would be with custom CSS.

Regards,
Dimitar

[SharpStudios]

Can you please guide where i can change that specific icons? Or give me the custom CSS to just insert it?

[Althemist]

Hello SharpStudios,

The best place to add your custom CSS would be in the style.css of the child-theme. We do not provide support for code customizations, but these are the classes to alter:

.babystreet-wishlist-counter i, #babystreet-account-holder i, #cart-module a.cart-contents::before, .babystreet-search-cart-holder .babystreet-search-trigger > a i::before, a.sidebar-trigger::before {
    font-family: your-font-family-here !important;
}
#babystreet-account-holder i::before {
    content: "\your-code-here" !important;
}
.babystreet-wishlist-counter i::before {
    content: "\your-code-here";
}
#cart-module a.cart-contents::before {
    content: "\your-code-here" !important;
}
.babystreet-search-cart-holder .babystreet-search-trigger > a i::before {
    content: "\your-code-here" !important;
}

Hint: The Font Awesome Icons font is loaded on all pages, because of the WP Bakery Page Builder, so you just need to specify it as a font-family. No need to enqueue the stylessheets.

Hope this helps.

Regards,
Dimitar

[Author]

Posts