Add list-style- in footer of twenty ten theme

  • I’m attempting to add discs to the navigation list of the footer navigation here:

    I’m sure this is a simple fix, but I can’t seem to target what I am doing wrong in order to apply style.

    A few things I have tried:

    #footer #colophon #footer-nav #footermenu ul {
    list-style-type:circle;
    }

    #menu-footermenu li
    {
    display: inline;
    padding-left: 20px;
    font-size:10px;
    list-style-type:circle;
    }

    #menu-footermenu ul
    {
    list-style-type:circle;
    }

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

  • simply look into the html output of your list; in the browser: ‘view’ ‘source’

    and check that a css id is #something
    and a css class is .something

    <div id="footer-nav">
             <div class="footermenu"><ul id="menu-footermenu" class="menu"><li id="menu-item-41" class="menu-item menu-......

    compare this with your attempts.

    btw:
    twenty ten will be overwritten with the next upgrade of your wordpress version – consider creating a child theme https://codex.www.ads-software.com/Child_Themes

    when you child theme is up and running, and you still have problems with css, come back with your question.

    Thread Starter meganlee1984

    (@meganlee1984)

    Hi Alchymyth,
    I am trying to do that, but I can’t seem to target it, if you have any suggestions I would appreciate it.

    this combination seems to work:

    ul#menu-footermenu { list-style: circle; margin:0; }
#menu-footermenu li
{
float:left;
padding-left: 0px; margin-left:20px;
font-size:10px;
}

    the display: inline; was keeping the bullets from showing.

    (only evaluated in firefox; not tested in other browsers)

    Thread Starter meganlee1984

    (@meganlee1984)

    alchymyth, Thank you so much! It work perfectly

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Add list-style- in footer of twenty ten theme’ is closed to new replies.