I have a side menu generated using the code below, however, when I include this menu on certain pages, all the list icons disappear...
Is there a way to restrict the changes in list styles to only this specific php file or adjust the css so that it only affects this particular UL?
<style type="text/css">
ul li li:before {
content: none !important;
font-size:100px;
}
.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before{
content:none !important;
}
.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li{
padding-left:0px !important;
}
</style>
<div class="art-vmenublock clearfix" style="width:100%">
<div class="art-vmenublockheader" style="width:100%">
<h3 class="t">Welcome <br/> <? echo $full_name; ?></h3>
</div>
<div class="art-vmenublockcontent" style="width:100%">
<ul class="art-vmenu leftmenu" style="margin-top: -2px; margin-left: -1px;">
<li><a href="index.php/my-account" <? if($_SERVER['REQUEST_URI']=='/index.php/my-account'){echo 'class="active"';}?> >Dashboard</a>
<? /* <ul class="active">
<li><a href="main/new-page.html">New Page</a>
</li>
<li><a href="main/new-page-2.html">New Page 2</a></li>
<li><a href="main/new-page-3.html">New Page 3</a></li>
</ul>*/?>
</li>
<li><a href="index.php/my-account/companies" <? if($_SERVER['REQUEST_URI']=='/index.php/my-account/companies'){echo 'class="active"';}?> >Companies</a></li>
<li><a href="index.php/my-account/logout">Log-Out</a></li>
</ul>
</div>
</div>