Help requested re: editing the stylesheet for Nav-Vertical -

[mjonesuk]

Hi all,

I've search
ed through the forums and the Wiki's, but I still seem to have real trouble with this, so I apologise if the answer is available somewhere else and I have just missed it.

I'm running the latest installment of CMSMS (1.0.2) which ever since installing, has caused some funny layout issues with my vertical menu.

My site is http://www.golfunderpar.info and I am using the Bulletmenu Vert 2 col template (mostly).  The navigation menu seems to make the selected item a header that is still underlined, and this starts to look confusing as you click through the menu.

Try as I might, I cannot seem to make any relevant change to this menu.  I have tried editing various parts of the Nav-Vertical stylesheet, but nothing seems to make a difference.  I wonder if something has gone wrong somewhere....?

I would like to remove the underline and heading style for the selected menu item, and also ensure it remains separated from the next item in the list (if it is not the parent of anything).  Also, I'd like the background of the selected item (and its children if applicable) to be a different colour.

I just don't seem to be able to make any difference to it - I assume nav-vert is the correct stylesheet to be amending?

Thanks in advance for your assistance.

MJ

[Dr.CSS]

You seem to have 2 Menu vert. style sheets attached to this template one above the color CSS and one below, and you have a call for a ul=horiz-menu in the template...


        Navigation
         



/* End of 'Nav-Vertical' */

/* Start of CMSMS style sheet 'Colours' */
/* Layout sections */
body {
background: #ccc;
color: #333;
}

div#pagewrapper {
border: 1px solid #000;
background: #fff;
    }

div#header {
color: #fff;
}

div#footer {
color: #fff;
background-color: #385C72;
}

/* Links */
a,
a:link
a:active, a:visited {
color: #blue;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
color: #000;
}
/* End of 'Colours' */

/* Start of CMSMS style sheet 'right nav' */
#menu_vert, #menu_vert ul {
  margin: 0;
  padding: 0;
  }

[mjonesuk]

Thanks Mark,

The 2nd menu vert was supposed to be renamed and amended....

I still don't understand how or why it's calling menu_horiz on the UL class though, how do it stop it doing this?

Thanks,

MJ

[Dr.CSS]

That would be in the menu template....
Layout » Menu Manager here you have 2 tabs, Database Templates, and File Templates.

File Templates are the default menu templates if your tag says {menu template="simple_navigation.tpl"} for instance then you need to click the icon to the right and make a copy of it, which ever one is in your tag, and rename it.

Then in Database Templates, where you end up after naming it, you click the name of the new template and you can edit it like a regular template, near the top is where you call out the .

If on the other hand you are using a customized template just click the name of it in Database Templates to edit it.

[mjonesuk]

That's got it!

Thanks again for your help Mark, appreciate it.

MJ

[Dr.CSS]

Your Welcome...