How to clear CSS attributes for reuse

I'm working on my first site using Revo and so far I'm impressed! This is also my first attempt at converting my old pages to a template/CSS structure, so be patient with me.

I'm trying to construct a page using Wayfinder and a horizontal menu structure adapted from a "Drupify" template I found here. Drupify creates a colored menu bar using a background graphic and substitutes a small vertical graphic for the LI attribute.

This is all fine, and it looks great... until...

When I try to use UL and LI in the main body of my page, the bullets (or numbers if I used OL) are replaced with the leftover graphics used in the header menu created earlier.

How do I go about cancelling, clearing, resetting, whatever you want to call it,... the LI attribute so it can be used normally again.

I've read a lot of suggestions online regarding CSS, and have tried most of them and so far nothing seems to help.

Give the outer ul of the menu a class (or an id) - which you can do with wayfinder.

Or you can wrap your menu in a div with a class or id, say by:

Then in your css you can target just the ul and li tags that are in your menu.
So to style the outer ul:
For the first one:
For the second one: [ed. note: whistlemaker last edited this post 15 years, 1 month ago.]