Home › Forums › Bee WordPress Theme › add new icons to icon box
This topic contains 12 replies, has 3 voices, and was last updated by agenciz 4 years, 1 month ago.
-
AuthorPosts
-
October 21, 2013 at 10:09 am #1244
Can i add new icons to icon box?
Can you show me the way to do this?Thank u
October 22, 2013 at 12:03 am #1250hi, add icon from backend here: left menu ‘bee’/layout settings/ social medias section, click plus icon to add,
Thank youMarch 18, 2014 at 7:35 pm #2797hello,
i want to add custom icon in the choice, not social icon, but it’s a font,
can i add some ?best
March 19, 2014 at 8:15 am #2801hi, as icons limited by the font lib when the original production, so what icons you wanted maybe not in the lib. but there still have some options not included in the iconbox UI by this theme default, you can added them manually:
1. open file functions/pagebuilder/css/style.css, find class name begin with ‘s-‘ ‘p-‘ ‘pt-‘
2. open file functions/pagebuilder/pagebuilder-modules.php and find this:array( 'id' => 'icon', 'item' => array( 'm-check', 'm-close', 'm-play1',...
add those class name you find in step 1 at the end of this array like this:
...'m-forum-top', 'p-play',... )
Best
March 20, 2014 at 8:18 pm #2815hello,
i want to use my icon homemade, can i ?
and how insert it ?best
March 20, 2014 at 10:24 pm #2816i make my own font, i placed the font and the css in the page builder,
my icone is display in the backend but not in the frontend.Can you help me ?
Best
March 21, 2014 at 3:16 am #2820hi, please give me more details about this, where you added the font and its styles? page url you expected to show the icon? I will examine this for you later,
Thank youMarch 21, 2014 at 7:31 am #2824hello,
i made my font with icomoon:
so i have the fonts and the css generate :the css:
@font-face {
font-family: ‘icomoon’;
src:url(‘fonts/icomoon.eot?-nddrno’);
src:url(‘fonts/icomoon.eot?#iefix-nddrno’) format(’embedded-opentype’),
url(‘fonts/icomoon.woff?-nddrno’) format(‘woff’),
url(‘fonts/icomoon.ttf?-nddrno’) format(‘truetype’),
url(‘fonts/icomoon.svg?-nddrno#icomoon’) format(‘svg’);
font-weight: normal;
font-style: normal;
}[class^=”icon-“], [class*=” icon-“] {
font-family: ‘icomoon’;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}.icon-rotisserie:before {
content: “\e604”;
}
.icon-materiel-alimentaire:before {
content: “\e605”;
}
.icon-cremerie:before {
content: “\e606”;
}i put the font folder with yours in the page-builder folder (with “font” and “font-update”).
After i put the css below here ( with the other fontface):
functions/pagebuilder/css/style.css, find class name begin with ‘s-’ ‘p-’ ‘pt-’After i put the class “icon-rotisserie” in functions/pagebuilder/pagebuilder-modules.php with other icon classes.
Then i go to the backend on a page and i select icon box with page builder.
=> i can see my own icon => i select it => when i m come back to the front office, the icon is not display.maybe you know how to use and insert icomoon font in your icon box…
best
March 21, 2014 at 8:27 am #2825Hi, paste your page url here please.
Thank youMarch 21, 2014 at 6:17 pm #2826This reply has been marked as private.March 21, 2014 at 7:07 pm #2827This reply has been marked as private.March 22, 2014 at 1:31 am #2830hi, please copy new styles to bee/styles/pagebuild.css, and make sure the font face src with right path.
BestMarch 22, 2014 at 8:28 am #2832yes ! that’s it
Big Up !!!!!best
-
AuthorPosts
You must be logged in to reply to this topic.