CMS Made Simple Forums

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.

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?

stevegos wrote: ...
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:
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.

Thanks fredp.

That worked nicely.

Steve