1.6 Navigation Adds article tags

Topics: Writing themes
Mar 8, 2013 at 9:47 PM
I'm pretty new to orchard and I'm trying to style my navigation and it seems that Orchard has come ideas in mind as to how to place my navigation. I don't want it :( the div and article tags around my navigation is mess up where I want the navigation to appear (see code below) How do I get rid of this?
<div class="zone zone-navigation">
<article class="widget-navigation widget-menu-widget widget">
<ul id="menu-pixel" class="menu">    
<li>
    <a href="/home">Home</a> 
</li>
<li>
    <a href="/about">About</a> 
        <ul class="sub-menu">        
<li>
    <a href="/about/story">The Remix Story</a> 
</li>
<li>
    <a href="/about/team">The Remix Team</a> 
</li>
<li>
    <a href="/about/cast">The Remix Cast</a> 
</li>
        </ul>
</li>
<li>
    <a href="/blog/nodizzel/">Blog</a> 
        <ul class="sub-menu">        
<li>
    <a href="/comics">Archive</a> 
</li>
        </ul>
</li>
<li>
    <a href="/desktop">Desktop</a> 
        <ul class="sub-menu">        
<li>
    <a href="/desktop/wallpapers">Wallpapers</a> 
</li>
<li>
    <a href="/desktop/blackwhites">Black &amp; Whites</a> 
</li>
        <li>
          <a href="/desktop/photography">Photography</a> 
          </li>
        </ul>
</li>
</ul>
</article>
</div>
Coordinator
Mar 9, 2013 at 1:54 AM
Override the widget.wrapper.cshtml template.
Mar 15, 2013 at 6:47 PM
Bertrand you know you're my new favorite person right :P I have another strange thing happening. I have a projection widget on my page and it's adding some bullets to the list. How do I get rid of them? Here's the code.
<ul>
   <li class="last first"> <!-- Where does this come from? -->
       <!-- this is my Content.Summary View -->
       <div class="widget widget_categories">
           <h2 class="widget-title">Last Mix</h2>
           <span class="widget-divider"></span>
               <ul>
                 <li class="cat-item cat-item-1">
                    <img src="/Media/Default/LastMix/LastMixLocation/remix-ch1-01-last-mix-1.png" alt=""/><br />
                    Origins<br/>
                </li>
              </ul>
       </div>
       <!-- end my custom view -->
    </li>
</ul>  
Developer
Mar 15, 2013 at 7:39 PM
Use CSS for that, e.g.

ul { list-style: none; }
Mar 15, 2013 at 8:05 PM
sfmskywalker wrote:
Use CSS for that, e.g.

ul { list-style: none; }
No dice the bullet is still there.
Developer
Mar 15, 2013 at 8:38 PM
Edited Mar 15, 2013 at 8:39 PM
So you took that CSS rule literally. You need to take into account current CSS rules being applied (use FireBug or Chrome Developer Tools or F12 Developer tools to find out) and then you probably need to come up with a more specific CSS rule, e.g. (notice I'm using e.g. ;) .content ul { ... }.
It also depends in which stylesheet and where in the stylesheet you add the CSS rule.
Mar 15, 2013 at 8:54 PM
I got it to work.