Cant get rid of bullets in list :-(

HTML & CSS
1

Hi from cold & grey York UK…

On this page http://www.conserve.uk.com/tiled-roof-system.php ive tried to add ticks to the

    that bit no problem but i cant get rid of the default bullets for the ul li :frowning: Please could someone explain to me why adding the following CSS Line 523 ;

    .tick {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }

    .tick li {
    background: url(“…/images/tick.gif”) 0 3px no-repeat;
    padding: 0 0 5px 15px;
    }

    did not get rid of the default bullets alongside li?

    Thanks,
    David

2

Because you have a more specific style here: .left2 li { color: #fff; list-style-type: disc; padding: 0 0 5px; that is over-riding that attempt. Is it really necessary to set the list-style-type to disc here?

1 Like
3

Change this:
.left2 li {
list-style-type: disc;
color: #fff;
padding: 0 0 5px 0;
}
To:
.left2 li {
list-style-type: none;
color: #fff;
padding: 0 0 5px 0;
}

1 Like
4

Grazie mille, now fixed!

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.