BlueOwlCreative » Topic: Import Icon http://blueowlcreative.com/support_wp/forums/topic/import-icon/feed/ Sat, 18 Jul 2026 05:51:17 +0000 http://bbpress.org/?v=2.5.3-5249 en-US http://blueowlcreative.com/support_wp/forums/topic/import-icon/#post-33452 <![CDATA[Import Icon]]> http://blueowlcreative.com/support_wp/forums/topic/import-icon/#post-33452 Wed, 02 Jan 2019 11:14:04 +0000 jlcool Hello,
Do you know I can import my own icon ?
My website needs specific icons that are not present in the theme.

]]> http://blueowlcreative.com/support_wp/forums/topic/import-icon/#post-33454 <![CDATA[Reply To: Import Icon]]> http://blueowlcreative.com/support_wp/forums/topic/import-icon/#post-33454 Wed, 02 Jan 2019 12:23:46 +0000 BlueOwl Hi there,

You can use images or SVGs (after doing a simple SVG upload support fix in your child theme).
If wanting to apply to a custom theme element you would do it with custom CSS. After importing your own icon font (to your child theme) you can override the specific element’s icon with your own with CSS. If you have a URL I can take a look to and give you further guidance should you need it.

]]> http://blueowlcreative.com/support_wp/forums/topic/import-icon/#post-33458 <![CDATA[Reply To: Import Icon]]> http://blueowlcreative.com/support_wp/forums/topic/import-icon/#post-33458 Wed, 02 Jan 2019 13:42:38 +0000 jlcool Hi, thanks for your answer !
for example on this page I have few icon (below ‘Nos services”). http://awesse.be/new/
Can you explain me how I can change those icons with mine ? :)
Thanks a lot.

]]> http://blueowlcreative.com/support_wp/forums/topic/import-icon/#post-33459 <![CDATA[Reply To: Import Icon]]> http://blueowlcreative.com/support_wp/forums/topic/import-icon/#post-33459 Wed, 02 Jan 2019 15:05:25 +0000 BlueOwl Got it, for those to be changed you need to:
1. First include your icon font in your Child theme via fontface and CSS. Hope you know how to do that, if not, go to Icomoon, generate your icon font and download the font, then follow the instructions to include it in your child theme’s CSS file as well as upload the physical files to your child theme and make sure the CSS paths to the files match.

2. Once you have those you can overwrite the current icons you have with simple CSS, I can help you with that, for examply for the horse icon it would be something like this:

.icon-strategy:before {
    content: "YOUR_ICON_CODE";
    font-family: 'YOUR_ICON_FONT_FAMILY';
}
]]> http://blueowlcreative.com/support_wp/forums/topic/import-icon/#post-33460 <![CDATA[Reply To: Import Icon]]> http://blueowlcreative.com/support_wp/forums/topic/import-icon/#post-33460 Thu, 03 Jan 2019 13:31:28 +0000 jlcool It works perfectly, thank you !!

]]> http://blueowlcreative.com/support_wp/forums/topic/import-icon/#post-33461 <![CDATA[Reply To: Import Icon]]> http://blueowlcreative.com/support_wp/forums/topic/import-icon/#post-33461 Thu, 03 Jan 2019 16:59:39 +0000 jlcool Just one more question, is it possible to change more than one icone on a page ? because the code is always the same in the css so I can’t change more thane one icon with this class…

]]> http://blueowlcreative.com/support_wp/forums/topic/import-icon/#post-33463 <![CDATA[Reply To: Import Icon]]> http://blueowlcreative.com/support_wp/forums/topic/import-icon/#post-33463 Thu, 03 Jan 2019 17:21:39 +0000 jlcool I have find the answer.. ahah tanks

]]>