How To Add Icon at Menu..

Dear Gavick,

How to add Icon in front of Menu (Menu Icon) for Cherry Design template?

Thank You

Regards,
Andi

can anybody help me? i really need this..
thank you

Hi

This menu do not support icons. You will have to show it using css. Please show me the exact place for it.

Hi Teitbite, thank you for your reply.

This the exact place (pic)

dummy 01.jpg

Hi

The code to place the image next to menu item is:

Code: Select all

div.gk-menu > ul.level0 > li > a#menu101 {
    background: url("../images/img.png") no-repeat scroll 0 0 transparent;
}


Please use the firebug to see the name of every menu item ( menu101 ).

The icon for a header title is a little more complicated, because every title will have the same icon. There is no way to determine which tite it is. So the solution can be a css code placed in for example mod_blank with different icon for each page. The code would looks similar to:

Code: Select all

.item-page > h2 {
    background: url("../images/style1/line.png") repeat-x scroll 0 0 transparent;
    padding-left: 20px;
}


This will remove the underline which is placed using the same solution.

Hello Teitbite.. Thank You for your response

I'm sorry, in what file i can find:
div.gk-menu > ul.level0 > li > a#menu101
div.gk-menu > ul.level0 > li > a#menu102
etc?

Thank You

Hi

It's not in the file. You need to add it. The best place is override.css. Remember to allow using of this file in template settings.

Yes Teitbite, override.css works! thank You

but.. i've got few another problem:

1. how to adjust the icon (size, position etc) like in my pic ?

dummy_icon.jpg

2. how to make icon interact with "mouse hover"?

3. in override.css if i want to remove "image background", what code is it to insert?

Thank You!

Hi

About icon size, You need to use an exact icon size it should be.

Positioning can be made with no-repeat scroll 0px 0px transparent; values of the code.

Icon will be linking if You attache it to <a> and make a room for it with padding-left value.

Thanks Teitbite! sorry for the late reply
i'll try it