How to make >> bullets in Kubrick theme work in IE

  • Ok,

    So you have just realised the nice bullet arrows in the sidebar for the Kubrick theme dont work in Internet Exploder? (what a suprise). Dont worry it’s easy to fix using a background image on the li tag.

    1. Replicate the double arrow (aka &raquo Or 0BB 020) by creating a 6×5 pixel gif image with a transparent backgound using the pencil tool in either Photoshop/ FireWorks . (Its pretty much a 3 pixel step)

    2. Remove Or Comment out:
    .entry ul li:before, #sidebar ul ul li:before {
    content: “0BB 020”;
    }
    3. Add:
    .entry ul li, #sidebar ul ul li {
    //padding: <play around with this>
    background: url(images/icons/doublearrow.gif) no-repeat 0 5px;
    }

    4. Lastly, adjust padding on li so that there is sufficient space between double arrow and list content

    Bob’s your uncle.

    Note: Please note that this only fixes the bullets in the sidebar.php although it shouldnt be too hard to replicate it for doublearrows used elsewhere just make sure you back everything up if you change something!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter richardlee

    (@richardlee)

    Just a follow up on my above post, after fiddling with the lists here is what I have to create the bullets in step 3.;

    3.
    .entry ul li, #sidebar ul ul li {

    padding-left: 10px;
    text-indent: 10px;/*for some reason needs this as well*/
    background: url(images/icons/doublearrow.gif) no-repeat 0 5px;

    }

    Hmm. Doesn’t work for me. Anyone else had success?

    It seems like nothing to do with WP works with IE. I’m starting to get kind of frustrated. I mean, this is the default template for crying out loud, and 99% of the world uses IE.

    I downloaded Firefox and stuff looks all different. It’s a drag trying to get the site to work on all the different browsers.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to make >> bullets in Kubrick theme work in IE’ is closed to new replies.