Remove bullets from ul list

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
1/28/2013 8:43:17 AM
Gravatar
Total Posts 17

Remove bullets from ul list

Hi,

I tried to insert unorder list without bullets in html content type of mojoportal, with list-style-type: none but no effect.

Does any other way to do this?

Thanks.

1/28/2013 4:28:10 PM
Gravatar
Total Posts 355

Re: Remove bullets from ul list

Do you want to use that style for your entire site, or just the one HTML instance? Different methods for either direction.

1/28/2013 5:02:56 PM
Gravatar
Total Posts 17

Re: Remove bullets from ul list

hi,

just for instance.

i want to have a page with links to several picture galleries.

1/28/2013 5:13:22 PM
Gravatar
Total Posts 355

Re: Remove bullets from ul list

View source in the editor, and apply the style to the list itself. Alternatively, you could just use the List/Links feature instead of an HTML instance.

1/28/2013 5:25:53 PM
Gravatar
Total Posts 17

Re: Remove bullets from ul list

Thanks,

but I think that I was trying all combination with style as you mentioned but not work. 

For example : <ul style="list-style-type:none">   .....     </ul>.....

Do you think like that?

1/28/2013 5:49:54 PM
Gravatar
Total Posts 355

Re: Remove bullets from ul list

Try it like this:

<style>

ul {
  list-style-type:none;
}
 

li {  

  background-image:none !important;
  padding-left:0 !important;
}

</style>

See if this does it for you. 

1/28/2013 5:55:54 PM
Gravatar
Total Posts 92

mojoPortal Hosting & Design @ i7MEDIA!

Re: Remove bullets from ul list

If you are using a Artisteer Skin there is a good chance that the Unordered Lists have a background image set the bullet.  If I were you I would just add a bit of CSS to the bottom of your main CSS file that would nullify any styling via a class, that way you could use it as many times as needed.

Something like this:

.cleanlist,
.cleanlist * {
	background: none repeat scroll 0 0 transparent;
	list-style: none outside none;
}

And then you can have a list like this:

<ul class="cleanlist">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
	<li>Item 4</li>
</ul>

And that should render like this:

  • Item 1
  • Item 2
  • Item 3
  • Item 4

Hope that helps,
-Elijah

1/28/2013 5:59:35 PM
Gravatar
Total Posts 18439

Re: Remove bullets from ul list

I was going to say the same thing as Elijah.

If it is an Artisteer skin you might be able to solve it by adding class='simplelist'

newer Artisteer skins already have rules on that class to remove the images.

1/29/2013 6:33:19 AM
Gravatar
Total Posts 17

Re: Remove bullets from ul list

That it is. Thank you!

You must sign in to post in the forums. This thread is closed to new posts.