Support » Fixing WordPress » Remove bullets from list of Links.

  • Resolved eknight74

    (@eknight74)


    I added the links widget to my sidebar. Everything looks good expect I do not want the images to be listed with bullets.

    I read through some of the how to and troubleshooting posts and added the following to my style.css file for the child theme.

    #sidebar li {
    list-style: none;
    }

    .widget ul li a:link, .widget ul li a:visited {
    background: none no-repeat 1px center;
    border-bottom: 1px solid #FBDDDF;
    }

    Neither attempt did anything to remove the bullets.

    Any assistance would be greatly appreciated.

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • CSS code is specific to theme/site, so a link to your site is necessary so someone can look at yours.

    esmi

    (@esmi)

    Forum Moderator

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    @ WPyogi My site is http://simplesavvyilving.com

    @ Esmi I don’t understand why there isn’t something I can enter in the child theme style sheet to correct the issue. What is Firebug and how does it work?

    Firebug is an addon for Firefox browser — it’s super useful as it shows you the CSS that is affecting a specific element on a page. There is a lot of good info on the Firebug site — as to how to use it so that’s where to learn more. Highly recommended — IMHO, trying to work with CSS without it is like driving with your eyes closed :)!

    For example, in your site, Firebug shows me this code for the bulleted lists:

    .widget ul li {
        border-bottom: 1px solid #E3E3E3;
        color: #777777;
        font-size: 13px;
    }

    So then you can use that to copy the selector to your child theme and add the necessary change there:

    .widget ul li {
        list-style: none;
    }

    @esmi Thanks so much. I will definitely try the add on. I use firefox at home but if I am at work I can’t use it. I can only use IE. 🙁

    One other comment thought. If I had used that I would never have figured out what to change it to in order to eliminate the bullet. lol I’m a newbie and just learning code. Although I do have a background in computers from college.

    Thanks again.

    If you are going to want to change things on your site – it will be well worth your time to learn Firebug and some basic CSS — this is a good site:

    http://www.w3schools.com/css/

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Remove bullets from list of Links.’ is closed to new replies.