Theme Switcher CSS annoyance

  • jinsan

    (@jinsan)


    21 years, 2 months ago

    For whatever reason I don’t know why using li is the only way to bring up the bullet.gif image, which is why I have it as the background for li. Removing it gets rid of all bullets.

    However in Theme Switcher the use of li within ul means that the bullet shows up at the top of the theme

    Below is the code and the Meadow theme can be viewed at: http://wordpress.sekhu.net and select meadow. The reason it doens’t show up in Don’t Panic! is because I used a transparent gif so I suppose I could use a transparent gif in this case, replace the black bullet with a green one of the background colour and that might work – but I shouldn’t have to do this really, should I?

    Help!

    li {
    list-style-type: none;
    padding-left: 15px;
    background: url('images/bullet.gif') no-repeat 0 50%;
    }

    li li {
    list-style: none;
    padding-left: 15px;
    background: url('images/bullet.gif') no-repeat 0 50%;
    }

    ol {
    list-style-type: none;

    }

    ol ol {
    list-style: none;
    padding-left: 15px;
    background: url('images/bullet.gif') no-repeat;
    }

    ul {
    list-style: none;
    }

    ul ul {
    list-style: none;
    padding-left: 15px;
    padding-right: 5px;
    background: url('images/bullet.gif') no-repeat;
    }

    ul li li ul {
    list-style: none;
    padding-left: 15px;
    background: url('images/bullet.gif') no-repeat;
    }

    ol li li ol {
    list-style: none;
    padding-left: 15px;
    background: url('images/bullet.gif') no-repeat;
    }

    Code is as above, thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • dawg

    (@dawg)

    21 years, 2 months ago

    Just put in ul in front opening and a closing ul tag and that will remove the bullet for the theme switcher

    Not in your css but your html/sidebar.php

    Like this

    <?php if (function_exists('wp_theme_switcher')) { ?>
    <ul>
    <li><h2><?php _e('Themes'); ?></h2>
    <?php wp_theme_switcher('dropdown'); ?>
    </li>
    </ul>

    Thread Starter jinsan

    (@jinsan)

    21 years, 2 months ago

    I don’t have a sidebar, this is the function I used for the theme switcher as outlined by Alex:

    <div id="themeswitch"><?php if (function_exists('wp_theme_switcher')) wp_theme_switcher('dropdown'); ?></div>

    Of course I added the div myself for alignment purposes. I placed that in my header.php as it’s a single clumn theme without a sidebar

    Suggestions?

    dawg

    (@dawg)

    21 years, 2 months ago

    Did not realize yours was like that but I would just try to place the <ul><li></li></ul> in that code or even in your div id themeswitch use corresponding css like list-style: none; for ul li et cetera

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Theme Switcher CSS annoyance’ is closed to new replies.