how to change icons

a little lost with dolphin 7.1

how to change the icons at the top of pages - (  events - people... )

see the picture


thank you

Jean

events.png · 100K · 729 views
Quote · 2 Dec 2012

 

a little lost with dolphin 7.1

how to change the icons at the top of pages - (  events - people... )

see the picture


thank you

Jean

 Admin >> Builders >> Navigation Menu >> Click on the block title you want to change i.e. "Events" >> Change the name of the "Picture:" and "Icon:"

Choose your icon from these icons but do not include the "icon-" part of the icon name since it is assumed.

 

 

events1.png · 49.4K · 2317 views
events2.png · 44.3K · 2186 views
Quote · 2 Dec 2012

thank you - but if I want to add personal icons


because I have an adult site - how can I do to add my icons

Quote · 3 Jan 2013

 To use images instead of text icons:

admin --> modules  --> ads  -->  Category Manager  -->  Edit  -->  Picture

Add name of image file here, then upload image to /modules/boonex/ads/templates/base/images/icons

 

thank you - but if I want to add personal icons


because I have an adult site - how can I do to add my icons

 

Quote · 3 Jan 2013

ok for ads

but for  pages - events,  people, groups -
how is that possible ?


Quote · 3 Jan 2013

 It's done the same way. Admin >> Builders >> Navigation Menu >> Click on block's name you want to change ie. "Groups" and change the picture name. If you can not figure it out from here, then I am not the one to help you.

 

ok for ads

but for  pages - events,  people, groups -
how is that possible ?


 

icon-training.jpg · 112.4K · 2225 views
Quote · 4 Jan 2013

I know how to change icons  -  with icons  : http://fortawesome.github.com/Font-Awesome/#all-icons

I do not want icons : http://fortawesome.github.com/Font-Awesome/#all-icons

I want to add my icons -  I have an adult site - I want to put my icons for adults



Quote · 4 Jan 2013

To use images instead of text icons:

It's done the same way. Admin >> Builders >> Navigation Menu >> Click on block's name you want to change ie. "Groups" and change the picture/icon name to the filename of the adult icon, then upload image to /templates/base/images/icons

 

These instructions have been posted here many times already.

Quote · 4 Jan 2013

thank you very much

Quote · 6 Jan 2013

The icons in Dolphin 7.1 look worst than dog poo that is seven days old.

Geeks, making the world a better place
Quote · 18 Jan 2013

For 7.1.1 I am struggeling also with the Icons
If I do the above instructions, no icons show up in the menu

Quote · 19 Mar 2013

still didn't get this to work in 7.1.1 :(

Not with png in base template, not with png in used template. Also with just the word home in the icon field no results.

Am I missing something?

Quote · 28 Mar 2013

I was looking at my old 7.0.9 site the other day and was noticing how much prettier it looks than 7.1.x.  I think the change to font awesome (more accurately, font awful) sucks; if Boonex was going to do this, then it should have been coded in as a choice; choice is good, lack of choice is bad.

Now, there is a way to go into the CSS and tell it to use an image instead of the font awful crap.  However, there are drawbacks to it.  I don't know if there is an easy fix to this font awful crap that Boonex changed to in 7.1.x  One drawback is the size of icons; normally you would have two sizes of icons depending on where they are displayed.  Most of the icons are small in size.

The icons.css file determines the icon

.sys-icon.camera-retro:before         { content: "f083"; }
.sys-icon.key:before                  { content: url('http://mysite.com/icons/key.png'); }

The first is using that font awful crap and the second one is using a png graphic located in an icons directory in the root of the site.

Geeks, making the world a better place
Quote · 28 Mar 2013

Didn't try yet, but noticed that on the demo version here on boonex, also nog home or home.png shows up after changing.....

Quote · 29 Mar 2013

It still works, look

test.jpg · 209.4K · 753 views
Quote · 30 Mar 2013

Thanx Andrew

Will try again, realy hope I get it to work.

And it works. Silly thing is you have to delete the default name and the language key (make them empty) to get it working

Gr

Jeroen

Quote · 30 Mar 2013

 

Silly thing is you have to delete the default name and the language key (make them empty) to get it working

 Thats because you can have either text or a icon but not both. So if text is there it will use it and ignore the icon.


https://www.deanbassett.com
Quote · 30 Mar 2013

 

It still works, look

But the fact that Boonex went site wide to font awful and there is no easy switch back to regular icons.  Or are you telling me that I can "bang" switch off of the awful font awful icons back to what I had with 7.0.9?  7.1 looks ugly with the font awful icons.  Choice is good, lack of choice is bad.

Geeks, making the world a better place
Quote · 30 Mar 2013

Yes you can in most cases. For example the events icon first mentioned in the topic.

Current dolphin 7.1.1 font icon and settings.





Now with it changed to a icon. The same one used in dolphin 7.0.9





Then you have to put the icon bx_events.png in modules/boonex/events/images/icons


a.png · 139.7K · 1897 views
b.png · 31.4K · 1881 views
c.png · 166.4K · 1898 views
d.png · 32.8K · 1926 views
https://www.deanbassett.com
Quote · 30 Mar 2013

I guess I just need to sit down one day and start working on changing all the fonts to images.

Geeks, making the world a better place
Quote · 30 Mar 2013

 

 

Silly thing is you have to delete the default name and the language key (make them empty) to get it working

 Thats because you can have either text or a icon but not both. So if text is there it will use it and ignore the icon.


 Agree, but in older version (mine was stil 7.0.4) this was not needed. That's where my confusion bumped in

Quote · 30 Mar 2013

Only my breadcrump bar is broken now....

 

It says
home >    > inbox

Where it should be
home > mail > inbox

How to change this?
It was not befor I changed it to an Icon (same for the profile icon)

breadcrumb.png · 67.9K · 515 views
Quote · 30 Mar 2013

I just tried the solution of AndrewP, but it don't work.
If i delete the default name and language key and click on save, it still shows "More".
If i click in pagebuilder on the menu item it's shows again the default name "More".

How do i get my icon there?

print.png · 45K · 507 views
Quote · 6 May 2013

For Dolphin 7.2.x there's a workaround for the navigation menu icons.

You will need to add the icon in the language string but you will also need to delete the Picture value in the builders.


For example, yoiu want to add an icon to the Home item on the Navigation bar.
First, you will need to see which picture is used for this item in Builders -> Navigation Menu -> Home (click it and notice the Picture value).
The Picture value for this item will be home.
This picture will be seen only in the Quick links and some other places but not on the navigation bar.
Now notice the value for the Language Key field. It will be _Home.

You will need to edit this value in Settings -> Language Settings.
Replace the value Home for this key with the following value:

<i class="sys-icon home"></i> Home

The word home in this string is exactly the name of the icon (which you noticed in the Picture field before).

Now you will need to remove the value for the Picture field because otherwise the Quick Links section will show two home icons for this menu item.

 

In the language key you can insert any HTML tags so you can as well place your own icons here using the <img> tag.

Quote · 6 Dec 2015

All I know is I am totally lost, lol

Quote · 6 Jul 2016

My post in: https://www.boonex.com/forums/topic/Custom-link-header-status-bar.htm

will help everyone put there own images in.

Quote · 1 May 2018
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.