CUSTOM MENU ICONS ( NO FONT AWESOME)

Hello,

How can I add a custom icon from my gallery instead of “font awesome”? I want to add line icons and the “font awesome” have free ugly icons bulk filled icons, and i don’t want to buy a premium license for 3 icons. I am a designer i can make my own icons.

I have try this and it doesn’t work.

.example {
background-image: url(‘http://www.example.com/wp-content/uploads/2014/12/home.png’);
background-repeat: no-repeat;
background-position: left;
padding-left: 5px;
}

Hello,

Where do you want to insert the icon? Header builder has the option, almost all the elements have the option to add media instead of an icon.

https://xtemos.com/docs/woodmart/header-builder/custom-icon-shopping-cart-wishlist-search-header/

Please clarify

Best Regards

Hello, thank you for your response, by the way I like the theme, it has everything.

I want to insert the icons to mobile menu, it works with font awesome, but I don’t know how to insert a custom icons.
I try to follow the tutorial from preview2, is not working.

I want to insert the icons only for the mobile menu.

Best regards,

Valentin

Attachments:

You must be logged in to view attached files.

Hello,

Add classes to the menu items and provide your site URL and access to the private area. Also, provide the images URL I will check if it is possible with custom CSS.

Best Regards

Hello, can I make U an account on my site? I have one more problems beside this with the menu. A swatches problem to existing variable products. Or I have to open a new post about that?

Hello,

You would better to create a separate topic for the swatches. Meanwhile here are a few tips:

Please navigate to Dashboard -> Products -> Attributes -> Color -> Configure items, enable swatch as shown http://prntscr.com/jskm29

Navigate to Theme Settings > Shop > Attribute swatches > choose pa_color (your color attribute) to show the colors on the product grid, and enable “Use images from product variations” to show featured images of variations as the swatches.

Make sure each variation in a variable product has an image: http://prntscr.com/kk870w

Best Regards

Ok, I will make another post about swatches. About the mobile menu I made a class and add the css codes, to “store” button ( see “printscreen2.jpg” ) you can access the links https://www.editive.eu/store/. See the icon is not there.

And I desire to change the name “category” to “Catalog” if is possible ( printscreen.jpg ) How I can do that?

Best Regards,
Valentin

Attachments:

You must be logged in to view attached files.

Hello,

Your site is blocked and I cannot view the classes.

You can use this code:

body .site-mobile-menu li.menu-item > a:before {
background-image: url(http://web.net/wp-content/uploads/image.png);
background-repeat: no-repeat;
background-position: top left;
	width:20px;
	height:20px;
	background-size:contain;
	content:'';
	display:block;
	margin-right:5px;
}

If you want different images for different menu items, replace this class with the classes you have added to menu item http://prntscr.com/n7al47

Best Regards

Hi,
It works, Thank you very much! I love this theme. Good job!

Hello,

Your site is under construction now. Just take the provided code, replace the class as I have shown http://prntscr.com/n7al47 and insert the image URL accordingly.

Best Regards

[Author]

Posts