Typograhy in unordered List

Hello,

i stick with a problem by use of unordered List.

If a List message will go over two lines or three, there is a problem with the second line and any further line. This lines are two close to the first line. There must be a little more space, so that the list is more readable.

How can i change the space between the lines.

Thank you for your help

Hi,

Can you give me a link to see the issue then I can advise you better?

Thanks

Hi,

Can you give me a link to see the issue then I can advise you better?

Thanks

Thank you for quick reply. At meanwhile the site is on my local server. I attached a picture of the issue. I have done a quickstart installation with no changes.

list_mismatch.png

This issue is very easy for me to fix but I need to see its current html and css code to give you exact solution because I don't have this issue in my installation. Once you put the site online, just let me know then I will give you the fix right away.

This issue is very easy for me to fix but I need to see its current html and css code to give you exact solution because I don't have this issue in my installation. Once you put the site online, just let me know then I will give you the fix right away.

Hello Don Lee. I put this site on my testserver. Hera are the link: http://www.niko.info/00/index.php/templ ... rome-frame

I hope you can help me.

Open file: /templates/gk_finance_business/css/typography.style1.css

Find:

Code: Select all

ul.gkBullet1 li,
ul.gkBullet2 li,
ul.gkBullet3 li,
ul.gkBullet4 li,
ul.gkCircle1 li,
ul.gkCircle2 li,
ul.gkSquare1 li,
ul.gkSquare2 li,
ul.gkSquare3 li { margin:10px 0!important; line-height:0.83em!important; list-style-position:inside; overflow:inherit; }


Change to:

Code: Select all

ul.gkBullet1 li,
ul.gkBullet2 li,
ul.gkBullet3 li,
ul.gkBullet4 li,
ul.gkCircle1 li,
ul.gkCircle2 li,
ul.gkSquare1 li,
ul.gkSquare2 li,
ul.gkSquare3 li { margin:10px 0!important; line-height:2em !important; list-style-position:inside; overflow:inherit; }


Thank you for your hint.

I changed it like you suggest.

Open file: /templates/gk_finance_business/css/typography.style1.css

Code: Select all

ul.gkSquare3 li { margin:10px 0!important; line-height:2em !important; list-style-position:inside; overflow:inherit; }


But still there is a problem with the wrap if a entry goes over two or more lines lines.

I try

Code: Select all

ul.gkSquare3 li { margin:10px 0!important; line-height:2em !important; list-style-position:outside; overflow:inherit; }


That seems to work. Why are the list-style-position set to inside in the template?

Sorry I don't know, our developers made that as a default style and I think it's ok. Well, finally the issue is solved for you now, do you need any further assistance?

Sorry I don't know, our developers made that as a default style and I think it's ok. Well, finally the issue is solved for you now, do you need any further assistance?

yes it ia solved. Thank you