WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] remove bullets from image in sidebar (6 posts)

  1. jacquelyn
    Member
    Posted 6 years ago #

    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;}

  2. wolfieb
    Member
    Posted 6 years ago #

    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.

  3. wolfieb
    Member
    Posted 6 years ago #

    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!!

  4. jacquelyn
    Member
    Posted 6 years ago #

    so how do I fix the class issue ?

  5. moshu
    Member
    Posted 6 years ago #

    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

  6. jacquelyn
    Member
    Posted 6 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic