|
User Details |
message
|
|
David Stoltz
post date:
2010-12-04 07:53:03
|
I'm using the Web 2.0 "Fashion" template.
The horz. navigation at the top is stressing me out ;-)
No matter what I try, it's always left justified (the li elements). I've tried editing the layout, selecting the navigation div, and making the TEXT tab uninherited, and selecting center alignment - I would think this should make everything in it (the li's) center aligned....?
Also tried under GENERAL tab to click the center align for "Children align" - that doesn't work either...
So how do I center the li elements?
Thanks for any help.
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2010-12-06 08:03:49
|
Hello David,
You have a CSS file created by the extension with the name like this: [layout_name]_user.css.
Inside that file you can find the CSS for that horizontal menu. Change its width from 100% to the width you need and it will be centered.
Regards,
Andrei Rinciog
|
|
|
David Stoltz
post date:
2010-12-06 17:56:22
|
Sorry, that doesn't work. This is the code now, and the menu is still left justified:
/* start horizontal menu */
#horizontalMenu {
list-style:none;
list-style-type:none;
width:950px;
padding:0;
margin:5px auto;
}
What now?
Thanks
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2010-12-07 08:30:48
|
Hello David,
You need to put the exact width of the content.
A better way to align it would be to delete the width and margin auto settings and use this instead in the horizontalMenu CSS:
display: inline-block;
After you place that, go in the layout editor and select "text-align" center for the holder of the menu.
Regards,
Andrei Rinciog
|
|
|
David Stoltz
post date:
2010-12-08 17:54:13
|
|
