Broken Kode Discussion Forums

A place to talk about the Rin and Manji themes

You are not logged in.

#1 24-08-2005 12:48:33

mjm22178
New member
Registered: 24-08-2005
Posts: 2

Overriding Sidebar List CSS

I've been having some trouble trying to customize lists on the sidebar.  For example, I'd like to have one list on the sidebar that *doesn't* use the bullet.jpg image as a bullet while all the other lists on the sidebar continue to use the image as a bullet.

I figured this could easily be done in CSS by adding the following to the corresponding list in sidebar.php:

  <li><h2><?php _e('My List'); ?></h2>
  <div id="mylist">
  <ul>
   <li>Item 1</li>
   <li>Item 2</li>
   </ul>
   </div>
  </li>

and, then, adding the following to style.css:

#mylist ul li {
   background-image: none;
   list-image: none;
}

However, none of the properties that I change in mylist in the CSS file seem to have any effect on the list items displayed in the sidebar (I've tried "#mylist ul li ul li" as well and it still doesn't work).  Any thoughts how I can change the formatting for only one of the lists on the sidebar?

Thanks!

-Matt

Offline

 

#2 29-08-2005 05:22:35

beev
Member
From: Scotland
Registered: 29-08-2005
Posts: 12
Website

Re: Overriding Sidebar List CSS

Hi, I've also been wondering about this. How can I lose those images altogether (the ones next to the links)?

Rin is great, by the way, and so is this support forum. Rock on!

Neil

Offline

 

#3 29-08-2005 13:23:35

Steph
Member
From: Southern California
Registered: 17-07-2005
Posts: 38
Website

Re: Overriding Sidebar List CSS

To get rid of the images altogether, just go into the css in the sidebar stuff, and remove the line that's like background: url(images/bullet.jpg) and that'll get rid of it.

Offline

 

#4 02-09-2005 07:54:01

beev
Member
From: Scotland
Registered: 29-08-2005
Posts: 12
Website

Re: Overriding Sidebar List CSS

Thanks!

Offline

 

#5 05-09-2005 06:40:39

mjm22178
New member
Registered: 24-08-2005
Posts: 2

Re: Overriding Sidebar List CSS

This isn't the most elegant way to solve my problem, but you can just inline the style for each list item (what I'm working with has a PHP loop producing the list):

<ul>
<li style="background-image:none">item 1</li>
<li style="background-image:none">item 2</li>
</ul>

-Matt

Offline

 

#6 12-09-2005 11:54:09

beev
Member
From: Scotland
Registered: 29-08-2005
Posts: 12
Website

Re: Overriding Sidebar List CSS

I made an alternate version of the bullet icon.
It can be seen on my page at www.ethicaladventures.org
If anyone wants to use it, drop me an email and I'll send you the file...

Offline

 

Board footer

Powered by PunBB
© Copyright 2002–2005 Rickard Andersson