Custom CSS to remove bullet

info12345
30 Posts
info12345 posted this 14 October 2015

I am wanting to remove the bullets from the Docman modules on the left of the page at http://www.pilgrimpassingthrough.com/other/trumpet-music

I have given the modules the following module class suffix

nobullets

And added the following custom CSS

.nobullets ul {
content:none!important;
} 

But it does not seem to work

I am wanting to remove the bullets from the Docman modules on the left of the page at [http://www.pilgrimpassingthrough.com/other/trumpet-music][1] I have given the modules the following module class suffix > nobullets And added the following custom CSS .nobullets ul { content:none!important; } But it does not seem to work [1]: http://www.pilgrimpassingthrough.com/other/trumpet-music

Last edited 14 October 2015 by info12345

Vote to pay developers attention to this features or issue.
6 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 14 October 2015

Hi,

Please use this code:

.nobullets ul > li:before{
content:none!important;
}

Sincerely,
Hella

Hi, Please use this code: .nobullets ul > li:before{ content:none!important; } Sincerely, Hella
info12345
30 Posts
info12345 posted this 14 October 2015

Thanks, nearly there. That got rid of the bullet but left the space for the bullet. How do I remove the space i.e. move the text across to the right a little?

Thanks, nearly there. That got rid of the bullet but left the space for the bullet. How do I remove the space i.e. move the text across to the right a little?
Support Team
Support Team posted this 15 October 2015

Hi,

I'm a little bit confused. You meant that you want the text to be moved to the left where the bullet was? In this case please use this code:

.nobullets ul {
    padding-left: 0!important;
}

Sincerely,
Hella

Hi, I'm a little bit confused. You meant that you want the text to be moved to the left where the bullet was? In this case please use this code: .nobullets ul { padding-left: 0!important; } Sincerely, Hella
info12345
30 Posts
info12345 posted this 15 October 2015

Perfect, thanks :)

Perfect, thanks :)
Support Team
Support Team posted this 15 October 2015

You are welcome.

Feel free to contact us in any other occasion.

Sincerely,
Hella

You are welcome. Feel free to contact us in any other occasion. Sincerely, Hella
davidwarnar8t8
26 Posts
davidwarnar8t8 posted this 19 November 2025

To remove the bullets from the Docman modules on your site, you can use your custom module class suffix and apply targeted CSS to hide the default list styling. For example, adding a rule like ` will effectively remove the bullets and align the items neatly without indentation. This approach ensures that your modules maintain a clean and professional appearance while preserving their functionality. Specifically, for your anchor preschool enrichment classes this method will make the list of resources or files under that module appear visually streamlined, allowing visitors to focus directly on the content rather than the bullet points, which is particularly useful for presenting educational materials clearly.

If you want, I can write the exact CSS snippet ready to paste into your Joomla template for the ` class. Do you want me to do that?

To remove the bullets from the Docman modules on your site, you can use your custom module class suffix and apply targeted CSS to hide the default list styling. For example, adding a rule like ` will effectively remove the bullets and align the items neatly without indentation. This approach ensures that your modules maintain a clean and professional appearance while preserving their functionality. Specifically, for your anchor [preschool enrichment classes][1] this method will make the list of resources or files under that module appear visually streamlined, allowing visitors to focus directly on the content rather than the bullet points, which is particularly useful for presenting educational materials clearly. If you want, I can write the exact CSS snippet ready to paste into your Joomla template for the ` class. Do you want me to do that? [1]: https://rocknessmusic.com/enrichment-classes/
You must log in or register to leave comments