problems with lists

Hi,

I have a small visual problem with the lists (see picture).
I used at that list, the Pypography "<ul class="gk_square1">.
Where do we change what I need, so the list is displayed in the second row with the correct spacing and indented.

Thanx
eisen

I use Joomla 1.5.22, Virtuemart 1.1.6

Hi

Please open typography.css file and find this fragment:

Code: Select all

ul.gk_bullet1 li, ul.gk_bullet2 li, ul.gk_bullet3 li, ul.gk_bullet4 li, ul.gk_circle1 li, ul.gk_circle2 li, ul.gk_square1 li, ul.gk_square2 li, ul.gk_square3 li { margin:10px 0 !important; line-height:0.83em !important; list-style-position:inside; overflow:inherit; background:none !important; }


replace with

Code: Select all

ul.gk_bullet1 li, ul.gk_bullet2 li, ul.gk_bullet3 li, ul.gk_bullet4 li, ul.gk_circle1 li, ul.gk_circle2 li, ul.gk_square1 li, ul.gk_square2 li, ul.gk_square3 li { margin:10px 0 !important; line-height:1.50em !important; list-style-position:inside; overflow:inherit; background:none !important; }


Cheers

Thanks for the quick reply.
I replaced the line. The distance between the lines is now ok.
But a little thing bothers me even more (see picture).
Can not flush the lines and share with each other?

Thank you for your help
eisen

Hi again

ok no problem. just use this code instead:

Code: Select all

ul.gk_bullet1 li, ul.gk_bullet2 li, ul.gk_bullet3 li, ul.gk_bullet4 li, ul.gk_circle1 li, ul.gk_circle2 li, ul.gk_square1 li, ul.gk_square2 li, ul.gk_square3 li { margin:10px 0 !important; line-height:1.50em !important; list-style-position:outside; overflow:inherit; background:none !important; }


Cheers