Page 1 of 1
How to change colors in vertical menu ? *[Solved]*
Posted: Wed May 09, 2007 5:42 pm
by 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 !
Re: How to change colors in vertical menu ?
Posted: Wed May 09, 2007 5:59 pm
by 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.....
Re: How to change colors in vertical menu ?
Posted: Thu May 10, 2007 8:21 am
by 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
Re: How to change colors in vertical menu ?
Posted: Thu May 10, 2007 8:25 am
by 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
Re: How to change colors in vertical menu ?
Posted: Thu May 10, 2007 8:35 am
by 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]
Re: How to change colors in vertical menu ?
Posted: Thu May 10, 2007 3:00 pm
by Nullig
You'll find that in the "Navigation: Simple - Vertical" stylesheet.
Nullig
Re: How to change colors in vertical menu ?
Posted: Thu May 10, 2007 3:09 pm
by 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
Re: How to change colors in vertical menu ?
Posted: Thu May 10, 2007 3:37 pm
by chema
Nullig wrote:
You'll find that in the "Navigation: Simple - Vertical" stylesheet.
Nullig
Nullig, you have the key. Problem solved !!!
Many, many thaks !! 
Re: How to change colors in vertical menu ?
Posted: Thu May 10, 2007 3:41 pm
by chema
RonnyK wrote:
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