Support » Themes and Templates » Photanical theme – help with css/dropdown/list style

  • I am using a modified Photanical theme on my site, here.

    If you scroll down the sidebar, you will see “wardrobe change” where I have included code for the Theme Switcher plugin.

    My issue is that the dropdown box is styled as a list item [with bullet] and the dropdown box is white on black. I want to re-style the dropdown box, and make it *not* a list item.

    I’ve been searching through the CSS but I can’t find anything that seems to denote the styling of lists or the dropdown box. Could someone browse through my CSS sheet and let me know what the relevant code might be? Thanks!!

    CSS sheet here.

    P.S. I would query the author but the site seems to be down.

Viewing 3 replies - 1 through 3 (of 3 total)
  • In your sidebar.php try changing the divs to H2

    <h2>Wardrobe Change</h2>

    not .
    <div class="stitle">Wardrobe Change</div>

    Thanks for the suggestion, but that didn’t help. It just changed the font of the words “Wardrobe Change.” I’m more interested in restyling the dropdown menu and the list style.

    Other ideas/suggestions?

    This is your html code

    <ul id="themeswitcher">

  • <select name="themeswitcher" onchange="location.href='' + this.options[this.selectedIndex].value;">
    <option value="Classical Bride" selected="selected">Classical Bride</option>
    <option value="New York Bride">New York Bride</option>
  • You have to add a few lines at the end to your css (to re-write the default styles) with e.g.

    #themeswitcher ul { ... }
    #themeswitcher select { ... }

    Your css contains a general style for select tag at the top of the file. If you want to kick off the li bullet, add e.g

    #themeswitcher ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Photanical theme – help with css/dropdown/list style’ is closed to new replies.