[SOLVED]Changing position of text in categories

[polemnik]

Hello.

I would like to change my category block in such a way that child category will be displayed slightly shifted to the right, comparing to the parent.

 

In the attachment no.1 is actual look. In attachment 2 is what I would like to do. Someone can help me with this?

 

Website: proconstruction.eu/en

 

Css responsible for blockcategories.tpl:

div#categories_block_left div.block_content {padding:0 0 3px 0;}
div#categories_block_left ul.tree {padding:;}
div#categories_block_left ul.tree li {padding:2px 0 0 0;background:url(../img/categ_item.png) 0 0 repeat-x;position:relative;}
div#categories_block_left ul.tree > li:first-child {padding:1px 0 0 0;}
div#categories_block_left ul.tree a {width:185px;height:23px;display:block;padding:9px 0 0 35px;background:url(../img/categ_item_bullet.gif) 0 13px no-repeat;font-weight:bold;}
div#categories_block_left ul.tree a:hover,
div#categories_block_left ul.tree a.selected {background:url(../img/categ_item_bullet_active.gif) 0 13px no-repeat;color:#333;}
div#categories_block_left ul.tree li ul {zoom:1;}
div#categories_block_left ul.tree li ul li a {background:none;font-weight:normal;}
div#categories_block_left ul.tree li ul li a:hover,
div#categories_block_left ul.tree li ul li a.selected {background:none;}
div#categories_block_left ul.tree li ul li a.selected {font-weight:bold;}
div#categories_block_left span.grower {width:15px;height:12px;display:block;cursor:pointer;position:absolute;right:9px;top:13px;}
div#categories_block_left span.OPEN {background:url(../img/categ_asc.gif) 3px 3px no-repeat;}
div#categories_block_left span.CLOSE {background:url(../img/categ_desc.gif) 3px 3px no-repeat;}

Edited June 2, 2013 by polemnik (see edit history)

[vekia]

i've noticed that you probably fiexed it, am i right?

 

[polemnik]

No it is actual look. I want child category to be shifted to the right, and again with the child of the child.

 

Czyżbyś był Polakiem? To jest aktualny wygląd strony, chcę by każda podkategoria była przesunięta w prawo o kilka px..

Edited June 2, 2013 by polemnik (see edit history)

[vekia]

zgadza się, pozwolę sobie jednak kontynuować po angielsku ( ze względu na fakt, że wątek jest na angielskim forum )

 

 

 

after line 470px in global.css add this:

div#categories_block_left ul.tree li {padding-left:10px;}

 

will work

[polemnik]

great! Thank You very much!

[vekia]

Hey

 

i checked your store and still the same, it doesn't work ?

[polemnik]

Hm, I had to remove it, because not only child categories were shifted to the right, but all categories below

Now it is turned on, You can check what is the problem

Edited June 2, 2013 by polemnik (see edit history)

[vekia]

for me it looks like:

 

it doesn't look good, you probably have to define it in different way

[vekia]

okay i've got it!

 

use this:

div#categories_block_left ul.tree li ul li ul li

 

instead code that i pasted before

[polemnik]

And another problem is about all the parent categories below:

 

Do You have any idea how to fix those 2 problems?

[polemnik]

Finally, done by using:

 

div#categories_block_left ul.tree li ul li ul li {padding-left:10px;}
div#categories_block_left ul.tree li ul li {padding-left:10px;}

 

Thank You so much for Your help

Edited June 2, 2013 by polemnik (see edit history)

[vekia]

I checked your store, still the same code (from my first post)

 

here is how it looks with second one:

 

div#categories_block_left ul.tree li ul li ul li {
padding-left:10px;
}