How to change colors in vertical menu ? *[Solved]*

[chema]

Hi,

I'm using CMSMS 1.0.4 and "Left simple navigation +1 column" and searching in the forum motor i have read many things about how to change the colors of the vertical menu, but it doesn't work for me, may be I'm blind after two hours searching ... 

So, how and where do i have to change the colors of the vertical menu ? I have changed in css but no luck.

Many thanks for your help, once again !

[RonnyK]

Did you change the default "Layout: Left sidebar + 1 column" that comes attached with that template, or did you copy the original CSS "Layout: Left sidebar + 1 column" to a new one. If so, did you remove the original attachment and attach your copy to the template.

Ronny

With FF and webdeveloper, you can see what elements are active, so you'll see where to edit.....

[chema]

Well, I have been changing the default one that is installed for CMSMS. I haven't copy anything.

Yes, I'm FF user and i use webdeveloper extension and this is what i get:

***************************************************************
http://www.blanquinal.es/es/stylesheet. ... ype=screen

* (line 7)

{

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: 0pt;

padding-top: 0pt;

padding-right: 0pt;

padding-bottom: 0pt;

padding-left: 0pt;

}

div#content h3 (line 201)

{

color: #294b5f;

font-size: 1.3em;

line-height: 1.3em;

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0.5em;

margin-left: 0pt;

}

div#menu_vert ul h3 (line 482)

{

background-image: url(images/cms/arrow-right-active.gif);

background-repeat: no-repeat;

background-attachment: scroll;

background-x-position: 0.4em;

background-y-position: center;

background-color: #385c72;

display: block;

padding-top: 0.8em;

padding-right: 0.5em;

padding-bottom: 0.8em;

padding-left: 1.5em;

color: #ffffff;

font-size: 1em;

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: 0pt;

}
*****************************************************

I have changed div#content h3  and nothing change. But i cannot find  div#menu_vert ul h3 , may be this is the trick !!

What's happening !!

Thanks

[RonnyK]

I meant with the webdeveloper, you can use "CSS style sheet information", if you mark that, you can move your mouse over the page, the CSS-address-bar will then show the elements where the mouse is standing, that way you'll see the elements that can be styled.

Ronny

[chema]

This is the way i did it !! I send you a snapshot (attachment). Sorry, for the inconvenience.

Many thanks for your help, indeed !

[gelöscht durch Administrator]

[Nullig]

You'll find that in the "Navigation: Simple - Vertical" stylesheet.

Nullig

[RonnyK]

chema,

I don't click on the menu. I don't have access to FF at my current location. If you check "CSS -> Show CSS information" and move the mouse over the page (without double clicking), there is an additional address-bar in the top of FF, showing the elements that are active on the area where the mouse is located. I'll check later the exact name in webdeveloper, as I'm recalling it from memory at the moment.

Ronny

[chema]

You'll find that in the "Navigation: Simple - Vertical" stylesheet.

Nullig

Nullig, you have the key. Problem solved !!!

Many, many thaks !!

[chema]

chema,

I don't click on the menu. I don't have access to FF at my current location. If you check "CSS -> Show CSS information" and move the mouse over the page (without double clicking), there is an additional address-bar in the top of FF, showing the elements that are active on the area where the mouse is located. I'll check later the exact name in webdeveloper, as I'm recalling it from memory at the moment.

Ronny

Hi RonnyK, as FF and webdeveloper user I used to click same things but thanks to you i know new things with this wonderfull ff extension. The problem was solved, many thanks once again

Chema