WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] remove bullets from image in sidebar

[Resolved] remove bullets from image in sidebar

  • I have linked images listed in my sidebar. I cannot seem to remove the bullets from before them. I understand that list style = none is the usual fix but that doesn’t seem to be working. My site is at jacquelynlandry.net. I’m new at all this but eager to learn. Thanks in advance and here is the list code from my style sheet:

    /* block list */
    ul.block, .block ul {
    margin: 4px 0;
    padding: 0;
    width: 90%;
    }

    .block li {
    list-style: none;
    list-style-image: none;
    }
    .block li a,.block li em {
    color: #666666;
    display: block;
    }
    .block li em {
    font-size: 0.9em;
    font-style: normal;
    }

    you can see what I mean on the shop and info pages
    .block li a {
    padding: 4px 3%;
    text-decoration: none;
    width: 94%;
    }
    .block li a span {font-weight: bold;}
    .block li a:hover {
    color: #A00000;
    background: #FFFFFF;
    }

    .right .block,.right .block li {border-color: #A00000;}
    .right .block li a:hover {background: #FFFFFF;}

Viewing 5 replies - 1 through 5 (of 5 total)
  • I’m not sure on this one, but shouldn’t list-style-image be list-style-type or are they interchangeable?

    [Update] Just been testing this; and it’s a strange one. If I have both list-style: none and list-style-type: none, there’s no bullets. If I change list-style-type to list-style-image, there’s still no bullets. If I delete list-style, there are bullets but if change list-style-image back to list-style-type (but don’t restore list-style) there’s no bullets.

    Try experimenting the same way with your CSS and see if you can achieve the same result.

    Actually, just noticed that in your code for “Sale Patterns” on the shop page, there is no class defined for either the ul or the li. On the info page, there is a class defined for the li, but not for the ul. I believe that this will mean that the CSS is not being accessed as anticipated, and so not displaying as expected.

    So that probably means you can ignore my previous message entirely!!

    so how do I fix the class issue ?

    You can NOT start a list with li tags.
    It always has to have ul or ol around them. Basic HTML…
    When display problems, always try to validate your site and it will tell you where the problems are.
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fjacquelynlandry.net%2Ffree%2F

    Thanks! I was missing <ul class=”block”> before and after these sections. all fixed!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] remove bullets from image in sidebar’ is closed to new replies.
Skip to toolbar