Hi Dianne

Would you have a URL to an example of your list items?

Ciarán

Hi Ciaran,

It occurred to me after I sent this that a URL might be helpful but I didn't have the chance to circle back.

Here's a page with a ul/li setup. http://50.22.71.5/~kisgur30/index.php/faq

I put a test module in at the bottom. This example mirrors what happens in other places on the site where I would have put bullets in the content. I "fudged" it on the home page article called "Healthful Benefits of Reflexology" by inserting images for bullets but I forfeit text wrapping by using the images.

The code shows the ul/li setup. I believe the code for the bullet image is missing but I don't remember where it goes.

In the end, I want the bullets to show up in content and maybe down where the quick links are but not in menu navigation. Is that possible?

Thanks for your quick response and help. You rock as always!

Take care... Dianne

Hello again...

I just noticed that there are working bullets on one page on the site... http://bit.ly/10zr3Rd

Curious why those are working and not the others???

Looking forward to finding the solution... ~;-)

Hi Dianne

Your list items should still show correctly as long as they are displayed in the content/component area of your template.

Lists in module positions are a little trickier as they basically have the same markup as a Joomla menu so any styling added to to a list will effect the menu and visa versa. If you could list the module positions where you would like to use lists I can put together the CSS which will only style lists in these positions and not effect positions where you have menus positioned.

Ciarán

Hi Ciaran,

Thanks for the info. It does make sense. I did find a place to edit the CSS that made the bullets look the way I wanted but then it did as you said, it affected my menus.

There are a couple different places I'm using bullets which are inside modules and a couple instances where it's an article in a Category Blog layout.

The modules are...
- Roksprocket in both List and Tab format. This module has its own CSS. For secure purposes, I will email the files to info@joomla51.com.

- The second module is called "Articles" which places an article in any module position... http://bit.ly/12pCVGO

Category Blog Layout
These examples are here...
http://bit.ly/11wlTrL
http://bit.ly/10zr3Rd *** The odd thing about this one is that it actually shows bullets???

Thanks as always for your help. It is much appreciated.

Take care... Dianne

Thank you Dianne

I have added the following to the end of your templates nexus.css which should cover all list items used on your site..


[code type=css]/* CUSTOM */
.item-page li, .sprocket-tabs-panels li, .sp-accordion-inner li, .maincontent li {
background: url("../images/bullet-petal.png" no-repeat scroll 0px 5px transparent;
font-size: 13px;
letter-spacing: 1.5px;
list-style: none outside none;
margin: 0;
padding: 2px 0 2px 24px;
}
.sp-accordion-inner li {
margin-left:20px;
}
.maincontent ul {
margin-left: 10px;
}[/code]

You can edit the above to your own taste if you wish to change any styling of your list items (padding, letter-spacing etc.)

Ciarán

Hi Ciaran,

As always, you're a ROCK STAR! I'm very happy you're out there and are so willing to help.

The fix looks beautiful. Thanks so much for taking the time to help out.

I hope the good karma brings you big waves and the best surfing conditions!

Take care... Dianne

Hello again...

One small glitch in this fix. The bullets are showing up funny inside my blog posts where I've elected to "show" the email and print links. It's not so much a problem that they show up, just that they are overlapped by the text for the email and print links. I've tried a margin and padding but it's not working. It appears that the CSS controlling this area may be driven by the custom code that fixed my original problem. Not sure.

Can you take a look at this page and let me know if you see the fix?
http://50.22.71.5/~kisgur30/index.php/reflexology-blog/96-health/146-reflexology-support-for-the-often-debilitating-symptoms-of-ear-infections

Thank you!... Dianne

Hi Dianne

Try adding the following to the Custom CSS field of your templates parameters..


[code type=css].actions li {background:none;}[/code]

Ciarán

That worked too! Twice in one day... Thank you!

... D