Unordered Lists Problems

I am having a major crisis with the unordered lists. If the list information goes into a second line, it's too close to the line above it. Plus, the second line is going under the bullet. I have tried adding padding and margins, line-heights, etc. Nothng works. I have made this attempt for over 6 hours now to no avail.

See examples in attachment. (the site is not live on production but under development)

Any help with this would be GREATLY appreciated!

Hi
Can you give us url to your site ?:)

Hi Konrad Mlynarczykowski,

Thank you for responding. Fortunately, I was able to figure it out with a few more hours of trying things. It was just one of those things that were not going to let me sleep until I figured it out.

Just for anyone else who may run into this, here is what I did.

I Opened up templates/gk_musicity/css/typo.css

Found:

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; }

changed

Code: Select all

list-style-position:inside;

to

Code: Select all

list-style-position:outside;

changed:

Code: Select all

line-height:0.83em

to

Code: Select all

line-height: 130%;

and everything is formatting properly now.

Great. I like when problem solve before I look at them

Had the same problem in the PostIt template. This trick worked to solve the same issue. Thanks for sharing your fix - it was a huge help!

Glad it helped