Seems that the small square bullet is showing for list items (eg. Archives list) with class = "plainList". Is there a CSS fix for this? If so, which file and what's the code?
It just looks dumb to have these little boxes left of the list items - even when another image is being displayed.
FIXED - plainList css small square bullet on list items
FIXED - plainList css small square bullet on list items
Last edited by trainguy on Thu Jan 21, 2010 9:00 pm, edited 1 time in total.
Re: plainList - small square bullet on list items
Actually .plainList is meant as a list (ordered or unordered) without list items or any kind of indentation on the left. All you should have to do is add the .plainList as used in i.e. /templates/default/style.css to your template's CSS. As a matter of fact, starting with 1.5 (I think), s9y should even have an internal fallback stylesheet for this.trainguy wrote:Seems that the small square bullet is showing for list items (eg. Archives list) with class = "plainList". Is there a CSS fix for this? If so, which file and what's the code?
If this does not work for you, I'm gonna need a live URL to the blog in question to have a closer look at it. s9y version number would be good, too.
YL
Re: plainList - small square bullet on list items
Thanks. I'm using the Joshua-Nino 1.1 theme. I copied the .plainList class into the style.css in the JN template folder. Didn't seem to do anything. I'm thinking that something is overriding the setting. Just haven't found what it is. I've attached a screen print of the sidebar to show what it looks like.
This isn't a big deal. But I don't think the theme intended this to show. Any CSS I've coded, for how these are being used, I've eliminated the bullets.
Wondering if "list-style:none" also needs to be associated with "li" not just "ul".
Also thinking that the gap between the green "headers" and the box is a mistake. Would look better attach (IMO). But that should be a simple margin or padding change. Just need to find it.
This isn't a big deal. But I don't think the theme intended this to show. Any CSS I've coded, for how these are being used, I've eliminated the bullets.
Wondering if "list-style:none" also needs to be associated with "li" not just "ul".
Also thinking that the gap between the green "headers" and the box is a mistake. Would look better attach (IMO). But that should be a simple margin or padding change. Just need to find it.
- Attachments
-
- stupid_bullets.jpg (9.81 KiB) Viewed 4094 times
Re: plainList - small square bullet on list items
Fixed the gap. Margin-bottom:= 0;
Still trying to figure out why the damn bullets show. And the calendar spacing looks off in IE.
Still trying to figure out why the damn bullets show. And the calendar spacing looks off in IE.
Re: plainList - small square bullet on list items
Can't really help w/out a URL to the live blog. Sorry.
YL
YL
Re: FIXED - plainList css small square bullet on list items
The fix is entry in style.css in joshua-nino folder.
#sidebar li { background-image: none; }
The sidebar was using the main content style.
#sidebar li { background-image: none; }
The sidebar was using the main content style.
-
Don Chambers
- Regular
- Posts: 3657
- Joined: Mon Feb 13, 2006 2:40 am
- Location: Chicago, IL, USA
- Contact:
Re: FIXED - plainList css small square bullet on list items
Kudos for hanging in there to solve your own problem Trainguy!!!

=Don=