Set the width of the UL element, div.menu > ul then set it’s margin to 0 and auto.
div.menu ul{
width: 450px !important;
margin: 0 auto !important;
}
The important may or may not be necessary depending on existing alterations.
Thread Starter
TOMTH
(@tomth)
I have an access div and access ul.
#access div {
margin: 0 11%;
}
#access ul {
font-size: 13px;
list-style: none;
margin: 0 0 0 -0.8125em;
padding-left: 0;
}
I think changing the margin on the ul should help then.
I was suggesting adding an extra line of CSS, but if you don’t want to you can just change the #access ul{} parameters.
Thread Starter
TOMTH
(@tomth)
When I edit the #access ul it centers, but it creates an entire extra line of spacing above it. Would you know what creates this? Setting it to 0 0 0 0 or 0 auto does it.
I see what you mean, I guess chrome seems to be reading CSS in a different manner. Style.css Line 344 has a rule of
ol,ul{
margin: 0 0 1.625em 2.5em;
}
Though if I’m not mistaken you can override that rule, just rewrite #access ul like so:
#access ul{
font-size: 13px;
list-style: none;
width: 525px; /* Make this what you want, but less than 840px */
margin 0 auto !important;
}
Thread Starter
TOMTH
(@tomth)
Yeah, when I check firebug the ol,ul rule is overwritten by the access ul. Going to try that.
