[solved] left margin on the simple vertical menu too much - how to reduce it?

[stevegos]

Hi

I am putting together a new site and have an odd problem. Using the simple-vertical css on my own template and css.

The margin on the left of the menu is too large. I have tried all sorts of css to reduce it down, but with no luck. I think it may be the indent produced by the ul but not sure.

You can see what I mean here: http://www.goscuba.biz

Also when viewing using Google Chrome and Safari browser, the background image is not displayed. All other browser fine.

Any help is greatly appreciated.

[stevegos]

UPDATE:

not sure if this is the right way to go about this...

I have looked at the simple_navigation.tpl file for the menu manager module. I have added an inline style of



to the ul. This works fine for IE7 but not for FF, Chrome, etc where the margin is still too large.

Any ideas?

[fredp]

...
The margin on the left of the menu is too large. I have tried all sorts of css to reduce it down, but with no luck. I think it may be the indent produced by the ul but not sure. ...

Hi,

I'm fairly new to CMSMS, but I think I may be able to help.  You might try the following css rule:

Code: Select all

  div#menu_vert > ul { 
    padding-left: 0em;
  }

It works for me in FF3.

As an aside:
I don't usually modify the CMSMS supplied stylesheets directly.  During development, at least, I typically put customization rules, such as the one above, into a separate "customization" stylesheet. Then I load it after the CMSMS supplied stylesheet(s), used by my template, so that my changes will override the earlier rules.  I find having my customization rules in one place makes it easier to make quick experimental changes.  But, that's just my preference.  Whatever works for you.   

Hope this helps,
Fred P.

[stevegos]

Thanks fredp.

That worked nicely.

Steve