Page 1 of 1

FIXED - plainList css small square bullet on list items

Posted: Wed Jan 20, 2010 7:44 pm
by trainguy
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.

Re: plainList - small square bullet on list items

Posted: Thu Jan 21, 2010 12:40 am
by yellowled
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?
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.

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

Posted: Thu Jan 21, 2010 6:38 am
by trainguy
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.

Re: plainList - small square bullet on list items

Posted: Thu Jan 21, 2010 7:02 am
by trainguy
Fixed the gap. Margin-bottom:= 0;
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

Posted: Thu Jan 21, 2010 9:57 am
by yellowled
Can't really help w/out a URL to the live blog. Sorry.

YL

Re: FIXED - plainList css small square bullet on list items

Posted: Thu Jan 21, 2010 9:02 pm
by trainguy
The fix is entry in style.css in joshua-nino folder.

#sidebar li { background-image: none; }

The sidebar was using the main content style.

Re: FIXED - plainList css small square bullet on list items

Posted: Fri Jan 22, 2010 1:58 am
by Don Chambers
Kudos for hanging in there to solve your own problem Trainguy!!! :wink: :wink: :wink: