My website is www.ExploringChemistry.com

The about us, terms and conditions of use, and privacy policy are secondary links assigned to the footer.

I want to change the formatting of the secondary links to be all on one line and centered on the page. I have spent a good six hour staring at the php and css files, getting nowhere. The primary links (which I don't use) are on one line...but not the secondary links. I enabled the primary links to try and figure out the code...obviously to no avail.

Your assistance is greatly appreciated.

Thanks,
Roy Jensen

Comments

Jeff Burnz’s picture

just use CSS to to display the li list items inline and center the ul, target it with the block id, something like...

#block-menu-secondary-links {
  text-align: center;
}
#block-menu-secondary-links ul li {
  display: inline;
  list-style: none;
}
flapsjack’s picture

What Jeff Burnz stated is correct. However, one small change is that your site has a specific rule that forces ul.menu to be text-align: left. So what you should add for your site is the following:

#block-menu-secondary-links ul {
  text-align: center;
}

#block-menu-secondary-links ul li {
  list-style: none;
  display: inline;
}
rjensen’s picture

Status: Active » Closed (fixed)

Thanks!

Took me a few minutes to figure out that Pixture Reloaded creates a copy of the css (but not the php) in /sites/default/files/color/pixture_reloaded-###

Once I changed that css, everything worked fine.

I'm closing this issue, but I do have one final question if you happen to read this: is there any way to increase the space between the entries in the footer? Right now, they run together.

Thanks,
Roy Jensen