I have a basic CSS question. I have a list, but I can’t get

Question

0

Editorial Team

Asked: May 27, 20262026-05-27T02:58:49+00:00 2026-05-27T02:58:49+00:00

I have a basic CSS question. I have a list, but I can’t get

0

I have a basic CSS question.

I have a list, but I can’t get the bullets to show ..

Here is a screenshot

The only way i can get them to show is by making the position set to inside, but I want it set to outside as it is.. no matter how much padding or nmargin i add to the left, I can’t seem to get the bullets to show.

Here is the CSS applied.. I have applied it to everything.. the UL, the LI, etc

list-style-image: none;
list-style-position: outside;
list-style-type: square;

Here is the HTML

<ul class="static" style="display: block; ">
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/group-medical-plans.aspx"><span class="additional-background"><span class="menu-item-text">Group Medical Plans</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/self-funding-administration.aspx"><span class="additional-background"><span class="menu-item-text">Self-Funding Administration</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/workers-comp.aspx"><span class="additional-background"><span class="menu-item-text">Workers Comp</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/cobra-administrative-services.aspx"><span class="additional-background"><span class="menu-item-text">COBRA Administrative Services</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/medicare-plans.aspx"><span class="additional-background"><span class="menu-item-text">Medicare Plans</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/individual-family-plans.aspx"><span class="additional-background"><span class="menu-item-text">Individual-Family Plans</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/selling-area-maps.aspx"><span class="additional-background"><span class="menu-item-text">Selling Area Maps</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/provider-networks.aspx"><span class="additional-background"><span class="menu-item-text">Provider Networks</span></span></a>
    </li>
</ul>

EDIT

Okay, it still isnt working, here is my LESS

ul {
    background-color: @color-grey-border;
    width: 100%;
    padding-left: 30px !important;
    list-style-type: square !important;
    list-style-image: none !important;
    list-style-position: outside !important;
    overflow-x: visible !important;
    margin-left: 30px !important;

    li {
        padding-left: 30px !important;
        list-style-type: square !important;
        list-style-image: none !important;
        list-style-position: outside !important;
        overflow-x: visible !important;
        margin-left: 30px !important;

        .menu-item {
            border-bottom-color: #fff !important;
            padding: @base * .5 0 !important;
            width: 100% !important;
        }
    }
}

EDIT –

Here are 4 more screenshots

http://see.weareinto.com/BtJh – http://see.weareinto.com/BtRh

http://see.weareinto.com/BsvD – http://see.weareinto.com/Bsjs