FIXED - plainList css small square bullet on list items

Found a bug? Tell us!!
Post Reply
trainguy
Posts: 4
Joined: Wed Jan 20, 2010 7:29 pm

FIXED - plainList css small square bullet on list items

Post 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.
Last edited by trainguy on Thu Jan 21, 2010 9:00 pm, edited 1 time in total.
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: plainList - small square bullet on list items

Post 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
trainguy
Posts: 4
Joined: Wed Jan 20, 2010 7:29 pm

Re: plainList - small square bullet on list items

Post 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.
Attachments
stupid_bullets.jpg
stupid_bullets.jpg (9.81 KiB) Viewed 4096 times
trainguy
Posts: 4
Joined: Wed Jan 20, 2010 7:29 pm

Re: plainList - small square bullet on list items

Post 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.
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: plainList - small square bullet on list items

Post by yellowled »

Can't really help w/out a URL to the live blog. Sorry.

YL
trainguy
Posts: 4
Joined: Wed Jan 20, 2010 7:29 pm

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

Post 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.
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

Post by Don Chambers »

Kudos for hanging in there to solve your own problem Trainguy!!! :wink: :wink: :wink:
=Don=
Post Reply