WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Remove bullets from list of Links. (7 posts)

  1. eknight74
    Member
    Posted 1 year ago #

    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

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    CSS code is specific to theme/site, so a link to your site is necessary so someone can look at yours.

  3. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    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.

  4. eknight74
    Member
    Posted 1 year ago #

    @ 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?

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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;
    }
  6. eknight74
    Member
    Posted 1 year ago #

    @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.

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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/

Topic Closed

This topic has been closed to new replies.

About this Topic