Joomla Templates Club 406,261 posts

[blugreen Friend blugreenJoin date: August 2007Posts: 28Downloads:0Uploads:0]

#139799

Hi.

Yet another great template.

I have a problem in that there are no bullet points showing. The text indents to the right fine but there is no text point of graphic.

Any ideas?

TIA

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#299340

They’ve been written out with CSS. Not sure what the logic of that is JA?

ul li {
background: none;
line-height: 160%;
padding-left: 30px;
}

You can add your own in. Just make a bullet image and change to…

ul li {
background: transparent url(images/PATH TO YOUR NEW IMAGE);
line-height: 160%;
padding-left: 30px;
}

2 users say Thank You to scotty for this useful post

1. ebajh69
2. cjmicro

[blugreen Friend blugreenJoin date: August 2007Posts: 28Downloads:0Uploads:0]

#299360

Thanks for that. Fixed

[Noman Friend NomanJoin date: March 2006Posts: 19Downloads:0Uploads:2 Thanks: 4]

#300844

For some reason, this solution doesn’t work for me. All I’m getting is just a full background of bullets. It doesn’t add a bullet character in front of the text.

I have made my custom bullet.png and it’s in ../images

Am I missing something please? Thank you.

[alicebb Friend alicebbJoin date: May 2008Posts: 46Downloads:0Uploads:0 Thanks: 4 Thanked: 5 times in 1 posts]

#301026

The reason that the bullet inage was omitted from the CSS looks like it’s because it doesn’t display nicely when you use the mainmenu module as that uses the ul li definition too as well as an arrow.png image for each menu item. So only change the CSS to add bullets if you are not using the mainmenu module or at least not using it in List mode.

The reason for the full background of bullets is that you need to specifiy a no-repeat for the image. You also need to sepcify exactly where on the line it is to sit. By trial & error I found that this was the best for me. Change the values 7px & 7px to suit.

ul li {
background: transparent url(../images/bullet-list.gif) no-repeat scroll 7px 7px;
line-height: 160%;
padding-left: 30px;
}


Cheers

Nigel

2 users say Thank You to alicebb for this useful post

1. Noman
2. cjmicro

[Noman Friend NomanJoin date: March 2006Posts: 19Downloads:0Uploads:2 Thanks: 4]

#302244

… and this works perfect Sir. Thank you!

[Noman Friend NomanJoin date: March 2006Posts: 19Downloads:0Uploads:2 Thanks: 4]

#302612

Sad story…

Now, I have bullets in RSS Feeds, sub Menus and in other places, where I do not want them No clue what’s happening. I think, I will revert changes back and add bullets manually. Thanks guys anyway 🙁

[Author]

Posts