Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

How to list all Footer menu items in footer in one row?

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

My footer menu is appearing at the bottom of the template, but the items are not in one row, they are in one column, stacked on top of one another, with bullets in front of each.

How do I fix it so there are (a) no bullets, (b) one line, and (c) a pipe '|' separator between them?
  • OvalPiston's Avatar
  • OvalPiston
  • 6 Month Developer
  • 57 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi

In the menu module try adding these classes to it

zen-nav zen-center

please note there is a space before the first class :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Great! Is there a list of those classes we can add?

Now how do I get spacing and a pipe key between them?
  • OvalPiston's Avatar
  • OvalPiston
  • 6 Month Developer
  • 57 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Not quite sure why but this style seems to be missing for the spacing

#footerwrap ul li {margin-right: 15px;}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Where does that go?
  • OvalPiston's Avatar
  • OvalPiston
  • 6 Month Developer
  • 57 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Can you add that to the custom.css file for now

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yes, that did it! Thank you.
  • OvalPiston's Avatar
  • OvalPiston
  • 6 Month Developer
  • 57 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Any way to put a pipe symbol between the items?
  • OvalPiston's Avatar
  • OvalPiston
  • 6 Month Developer
  • 57 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
For the other part of the question - this isn't a pipe character as such

zen-nav zen-center zen-nav-divider

so add zen-nav-divider to the existing classes you have in the module

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Brilliant! Is there a list of zen-* options?
  • OvalPiston's Avatar
  • OvalPiston
  • 6 Month Developer
  • 57 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
hmm not sure on that

With the footer I think that is all the classes available
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I'll need to check on monday regarding the documentation

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Can a menu item at the bottom have no link? (i.e. the copyright position, display only).
  • OvalPiston's Avatar
  • OvalPiston
  • 6 Month Developer
  • 57 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
hmm you could try a header type link - not quite sure how it will format it however

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Ok, I will try that.

Any reason the Copyright and Footer items aren't in the same line horizontally?
  • OvalPiston's Avatar
  • OvalPiston
  • 6 Month Developer
  • 57 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
I'm just popping out for the afternoon

With the alignment are you mixing link types?

and is it in the footer or copyright position?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
In the copyright position, it is custom HTML. In the footer position, it is a menu.

The attachment shows how they don't line up horizontally.

If I make the copyright position as a menu item, it also does not line up horizontally with the footer position.
Attachments:
  • OvalPiston's Avatar
  • OvalPiston
  • 6 Month Developer
  • 57 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Try adding

#copyright .moduletable {padding-top:10px;}

To the custom.css

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers