Graphical Glitch in Typography - Bullet Points

Hi,

I'm encountering the following graphical glitch when using bullet points with this template. The issue arises when the bullet point item runs onto a second line. Please see the graphic attached.

Looking for a solution thanks!

Kind regards,
Dave.

I'm having the same issue. How can this be fixed?

Hi

Open typo.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; }


change to

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


Fantastic - that solution worked a treat for me. Consider it fixed for myself.

Kind regards,
Dave.

The .gk_accept class looks like

Hi

It would be easier to move th bullet down using backgroung-position in css.

Yes.... line-height from body "is doing that glitches"...

so changing every css line from the icons (typo.css) from e.g.

Code: Select all

.gk_audio { background:transparent url('../images/icons/audio.gif') no-repeat left top; }

to (in override.css)

Code: Select all

.gk_audio { background:transparent url('../images/icons/audio.gif') no-repeat 0px 4px; }

worked here