How to remove bullets from list view

I think you’ll need to make sure that the CSS for your theme isn’t over-riding it. For some reason, it took me forever to find this, but go into your style.css and search “list-style-type: disc”. Once you find that, copy the css into your custom css and replace the disc with none. That way, you’ll for sure override the standard styles for widgets and sidebars.

Here’s what my theme (Molitor) style.css had:

.sidebar ul li.widget ul li {
    list-style-type: disc;
    list-style-position: outside;
}

I just copied that whole piece and changed the ‘disc’ to ‘none.’ Hope that helps you!

Thank you for the kind reply thomasmore44.

I don’t think my theme is overriding the custom CSS. My CSS should be overriding the theme, as well as overriding the plug-in’s style. I am thinking that there is another style definition for the calendar grouped-list view that I am not aware of that needs to be overridden. I inspected the elements using my browser to determine what I would need to modify. But, there must be something I am still missing.

(I will experiment a bit with your suggestion though.)

I did as you suggested and modified the theme’s definition for the style of unordered lists and that did the trick of removing the bullets. Unfortunately, it also eliminates the bullets from all unordered lists on my site. I want bullets on other pages. LOL

I would prefer that the calendar plug in not use unordered lists for the list and grouped-list views items.

I’m sorry; I didn’t intend to wreck all your uls! ??

One way to fix this may be to locate the element’s css class or id that needs to be changed. I know you’ve said you’ve poked around, but the right-hand sidebar in developer tools can be immensely helpful for showing all the CSS in play, and the files and line numbers associated with that.

For my theme, it was .sidebar ul etc., but keep perusing the inspector and try different browsers to see what they tell you. Sometimes, things I don’t notice in Chrome’s developer tools pop right out at me when I use Firebug. Same problem–different perspective! Keep up the perseverance, and let me know if you do find a good, workable solution to the problem.

This seems like you have a CSS specificity issue going on here. Try to make it more specific than what your theme CSS is using.

so for example if your theme is doing this:

#content ul li {}

and your custom CSS for the GCE List is like this:

.gce-list { }

Then your theme file will always override the GCE styles since it is more specific – especially with the id being used.

You can read more about CSS specificity here:

https://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

The bullets have been taken out in version 2.0.4.

Great. That is a much better looking solution in my opinion. Thank you.

Glad you think so, thanks!