Changing Default bullet style

Viewing 3 replies - 1 through 3 (of 3 total)
  • rdellconsulting

    (@rdellconsulting)

    12 years, 1 month ago

    If you have the bullet as an image, the following is suggested by w3schools as cross-browser solution:

    ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul li
{
background-image: url(sqpurple.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}

    Without an image try:

    ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul li:before
{
content:"> ";
background-position: 0px 5px;
padding-left: 14px;
}

    rdellconsulting

    (@rdellconsulting)

    12 years, 1 month ago

    You need to be more specific, so better is:

    .page .container ul li:before
{
content:"> ";
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}

    Thread Starter dchandra

    (@dchandra)

    12 years, 1 month ago

    Thanks Sir

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Changing Default bullet style’ is closed to new replies.