List-style-type: none !important;

HTML & CSS
1

ul.menu equals no style
why does it still show the bullet points?

css

/**
 * @file
 * Stark layout method
 *
 * To avoid obscuring CSS added to the page by Drupal or a contrib module, the
 * Stark theme itself has no styling, except just enough CSS to arrange the page
 * in a traditional "Header, sidebars, content, and footer" layout.
 *
 * This layout method works reasonably well, but shouldn't be used on a
 * production site because it can break. For example, if an over-large image
 * (one that is wider than 20% of the viewport) is in the left sidebar, the
 * image will overlap with the #content to the right. The exception to this
 * is IE6 which will just hide the navigation block completely in these
 * instances due to a positioning bug.
 */

#content,
#sidebar-first,
#sidebar-second {
  float: left;
  display: inline;
  position: relative;
}

#content {
  width: 100%;
}
body.sidebar-first #content {
  width: 80%;
  left: 20%; /* LTR */
}
body.sidebar-second #content {
  width: 80%;
}
body.two-sidebars #content {
  width: 60%;
  left: 20%;
}

#sidebar-first {
  width: 20%;
  left: -80%; /* LTR */
}

body.two-sidebars #sidebar-first {
  left: -60%; /* LTR */
}

#sidebar-second {
  float: right; /* LTR */
  width: 20%;
}

.section {
  margin: 10px;
}
@font-face {
    font-family: MuseoSans;
    src: url(css\Fonts\Museo_Sans\MuseoSans-300.otf);
}
@font-face {
    font-family: OpenSans;
    src: url(css\Fonts\Open_Sans\OpenSans-Regular.ttf);
}
body{
    font-family: OpenSans;
}
.left-and-right-padding{
    padding-left: 7%;
    padding-right: 7%;
}
.left-and-right-padding20{
    padding-left: 13%;
    padding-right: 13%;
}
.members{
    display: block;
    text-align: center;
    margin: 0 auto;
}
h3{
    font-family: MuseoSans;
    font-weight: 300;
    color: white;
}
h1{
    font-family: MuseoSans;
    font-weight: 100;
    color: white;
    font-style: italic;
}
/*.header{*/
/*    position: fixed;*/
/*    top: 0;*/
/*    box-sizing: border-box;*/
/*    border: thick double #32a1ce;*/
/*}*/
/* .footer{
    position: fixed;
    bottom: 0px;
    width:100%;
} */

#block-system-navigation {
  float: right;
  clear: both;
  border: thick double #32a1ce;
}

.region-header {
  float: right;
}

.menu a {
      appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button;
    text-decoration: none; font: menu; color: ButtonText;
    display: inline-block; padding: 2px 8px;
}
.menu {
  list-style-type: none !important;
}

php

    <?php if ($main_menu || $secondary_menu): ?>
      <div id="navigation"><div class="section">
        <?php print theme('links__system_main_menu', array('links' => $main_menu, 'attributes' => array('id' => 'main-menu', 'class' => array('links', 'inline', 'clearfix')), 'heading' => t('Main menu'))); ?>
        <?php print theme('links__system_secondary_menu', array('links' => $secondary_menu, 'attributes' => array('id' => 'secondary-menu', 'class' => array('links', 'inline', 'clearfix')), 'heading' => t('Secondary menu'))); ?>
      </div></div> <!-- /.section, /#navigation -->
    <?php endif; ?>

image
image1919Ă—643 128 KB

2

Maybe the class-name “menu” doesn’t get applied to the menu by the script:

The bullets are the default, and if the menu links still are underlined like default for links, then I think the script needs to apply the “menu” class name.

3

Those list items don’t all have the same bullets, which suggests they are not styled generically by the parent, but individually, possibly by their own class names, .first .leaf .collapsed

5 Likes
4

With your posted CSS there shouldn’t be any bullets, but I found that the CSS you posted was not the CSS you had at the time you posted.

The bullet points you had in the list were the list-style-images applied by the styles for the list items in the menu, just as @SamA74 suggested.

The theme scripts were working correctly.

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.