How to add arrow icon for subcategory tree

[blessmeluck]

I want to add the arrow icon for the sub category. So it will become something like this.

 

 

How can i do this?

 

Thanks for helping..

[tdr170]

You need to edit the global.css file and add

 background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 15px 10px transparent;

to the  #categories_block_left  li ul li a  section.

 

I also added a margin to the left and added some padding you can play with the #'s to get it how you want.

 

 

Here is the section from my css file at or around line 1972, sections in red are added or modified.

 

 

#categories_block_left  li ul {margin-left:10px;}

#categories_block_left  li ul li {border:none}

#categories_block_left  li ul li a {

padding-left:30px;

background:none;

color:#666;

border:none;

background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 15px 10px transparent;

}

[blessmeluck]

That's work, thank you. But how to change the third level, so that the first, 2nd & 3rd level are all not same?

[Radu]

you do very similar 

#categories_block_left  li ul li a 

is for let's say 2nd level (not sure your DOM structure)

 

for 3rd you can try

#categories_block_left  li ul li ul li a

[blessmeluck]

works great, thanks a lot..

[Cătălin]

Hello. I want to add some FontAwesome icons to the Subcategory in the blocktopmenu. Please take a look of it: http://stereomicroscoape.ro/index.php?id_lang=1

 

Basically when you hover the mouse over the first category Stereomicroscopes the subcategories should have some arrow icons

 

Thank you

 

Cătălin