Bullet formatting issue

Hi all, I love gavick templates but this is an issue I have been having with every one of the templates. The Bullets!!! Basically the formatting of a bullet that extends onto 2 lines is simply off and looks wrong. Please see attached.

The Bullet is crushed into the first line and also does not indent? This is consistent across about 5 templates I have used.

Any help to finally solve this would be great - I am sure this has been mentioned in the forums but I cannot find a proper fix yet.

bullet-issue.jpg

URL to site?

Thanks ok here is the link: specifically I would like to indent the bullets that have 2 lines and also obviously space it out propoerly and not have it so close to the first line.

http://www.jamjodesign.com/speedauthor/ ... erest.html

In typo.css line 108, change:

list-style-position: inside

to

list-style-position: outside

For your line spacing, you've got a very tight override (0.93em) added to this line, try changing it to 1.4 or something.

Thanks for helping, but i've tried all this - infact originally it was set to outside and I changed it to inside. Also the line spacing I have changed as you say and what that does is space out all the bullets rather than the space between the first line and the second line of a double line bullet.

This is not a problem as such with my specific template but the same on all gavick templates so I am just trying to get to the bottom of it really. Thanks again for your time - I hope gavick reply to this

I think the issue is with your understanding of css and how it affects bulleted lists.

Try altering the padding/margin (top/bottom) to alter the vertical spacing and leave the line-height alone.

There's no problems with the way Gavick does their bulleted lists, the template I'm working on now which is based on Black&White works fine:

http://www.demo.cmykreative.com/deacons ... isamai.php

I actually am not good at css yes I think my point is I shouldnt have to go at the css to change them in the first place.

I see on your site they are perfect - did you have to go at the css to get them to look like this? If you install the latest 5 demos from gavick you will see they do not work like your site.
I will try your suggestions now. Thanks

Yes, I did override the css . . . a lot throughout which is what you will always need to do depending on how you want your site to look.

Try using Firefox with the FireBug plugin as you'll be able to see the css actually used and experiment with making changes to it directly rather than altering the template files themselves to see what works for you best.

It's also good practice to use an "overrides.css" and paste your code changes there rather than alter original files.

Have fun!

Thanks for the tips. It helped alot.

I do still feel gavick should at least have the bullets work and indent as they should from the outset. Of course one should customize from here but the 2 line bullets are always wrong from the outset which is simply frustrating when you want to get a basic layout going.

Once again thanks for the help.

I think you'll find that the behaviour for bullets is within the core joomla.css files, having said that it's not such a big problem to change it as I almost always need to override other things also. Don't forget that li elements are used for most menu items and for these the settings that are needed by default are as the joomla.css has them.