WordPress.org

Ready to get started?Download WordPress

Forums

Photanical theme - help with css/dropdown/list style (4 posts)

  1. eveums
    Member
    Posted 8 years ago #

    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.

  2. Darcie
    Member
    Posted 8 years ago #

    In your sidebar.php try changing the divs to H2

    <h2>Wardrobe Change</h2>

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

  3. eveums
    Member
    Posted 8 years ago #

    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?

  4. yaanno
    Member
    Posted 8 years ago #

    This is your html code


    <ul id="themeswitcher">

  5. <select name="themeswitcher" onchange="location.href='http://www.eve-marie.com/experience/bride/index.php?wptheme=' + this.options[this.selectedIndex].value;">
    <option value="Classical Bride" selected="selected">Classical Bride</option>
    <option value="New York Bride">New York Bride</option>
    </select>
  6. 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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.