| quentinjs |
Oct 14, 2010 12:50 PM |
Bullets, Circles, Icons instead of left border on widget list items
I was trying to follow the instruction in http://forum.bytesforall.com/showthread.php?t=1149
and I used the following block of code from that thread to use the original icons:
PHP Code:
.widget ul li a:link,
.widget ul li a:visited,
.widget ul li a:active,
.widget ul li a:hover {
border-left: 0 !important;
padding-left: 0 !important;
}
.widget ul {
/* for other styles, try "disc" and "square" instead of "circle" */
list-style-type: circle !important;
padding-left: 0;
margin-left: 0;
}
.widget ul li {
/* 1.35 or more required for Safari or bullets too wide on the left */
margin-left: 1.35em;
/* overwrite existing display:block Firefox */
display: list-item;
But it isn't working do you have any suggestions what I need to do to make it work? I am using the latest version of Atahualpa
site is http://www.splatfx.com |
