Can anyone tell me what I would do with the CSS to make the primary links across the top be centered rather than flush right?

Thanks!

Comments

interface-web design’s picture

interface-web design commented

To make the menus centered, please add these classes in style.css (of the theme folder) file at the end:

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
display:inline;
}

ul.primary-links li {
display:inline;
float:none;
}

ul.primary-links {
float:none;
text-align:center;
}

tmccartney’s picture

tmccartney commented

Thank you!

interface-web design’s picture

interface-web design commented
Status: Active » Closed (fixed)
OnthegOinOz’s picture

OnthegOinOz commented

Hi,
I tried to use the code listed without success... I suspect it is because i have the following code already present in my style.css. Would you mind assisting me getting this right to center my primary links.

Thanks

/* Navigation */

ul#primary {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#primary li {
  float: left;
  margin-right: 0px;
}
#primary a:link,
#primary a:visited,
#primary a:hover,
#primary a:active {
  display: block;
  background: transparent url(images/opacity_shaded_20.png);
  color: #000 ;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  margin-top: 10px;
  padding: 3px 15px;
  text-decoration: none;
}
#primary a:hover,
#primary a.active {
  font-size: 1.1em;
  color: #af500e
}
ul#secondary {
  display: none;
}
OnthegOinOz’s picture

OnthegOinOz commented

Whilst you are there I also need to center the logo... I have tried several options offered by users including http://drupal.org/node/456186 but without luck....