Page 1 of 1

Stylesheets question about the Top + Left navigation [SOLVED]

Posted: Sun Mar 04, 2007 11:06 pm
by marshy
I recently discovered CMSMS and think it is ace.
However i am having trouble understanding how stylesheets work, specifically how they are assigned.
I am using the 'Top Simple Navigation + Left Navigation + 1 column' template and can see that it has multiple stylesheets assigned.
I have made changes to see the effect and am getting up to speed but i have three questions.
  • I want to change the background colour for the top navigation menu.  Where is the CSS for this?
  • This template has multiple stylesheets assigned to it.  Am I right in thinking it loads the styles from all the stylesheets into one master file?  If so, how does it handle multiple tags with the same name?
  • In the handbook (http://wiki.cmsmadesimple.org/index.php/User_Handbook/Getting_Started/Designer/Stylesheets) it states that there are a few stylesheets attached to all default tempaltes (such as Forms, and Typography).  However, when I look in the Style sheets section i cannot find stylesheets with these names.  Where are they?
Thanks in advance for any responses.

Re: Stylesheets question about the Top + Left navigation

Posted: Mon Mar 05, 2007 7:46 am
by RonnyK
marshy,

some short answers.

1: If you check, the css attached to the template, using the CSS-button on the right of the template on the template screen, you'll see,
Accessibility and cross-browser tools 
Module: News 
Print 
Navigation: Simple - Horizontal 
Navigation: Simple - Vertical 
Layout: Top menu + 2 columns
so the name is "Navigation: Simple - Horizontal", this can be changed by double-clicking. If you know the name of the css, you can also go directly in stylesheets, and change it from there. 

Iniside it says:

Code: Select all

div#menu_horiz {
   background-color: #ECECEC;  /* background color for the entire menu row */
   width: 100%;
   margin: 0;
}
If you're within the stylesheets, and press the css-button, you'll see all templates that have that css attached. I allways copy the default css, to a new one, and edit that one. From the template, with attached css-es I delete the standard one (it's not deleted but no longer attached to that template) and then attach the copied one. Only if you use the delete-option directly from the stylesheets, you're deleting the stylesheet.

2: It is no problem unless you declare different values, I'm not sure which one is taken then, the first or the last.
3: I think that whith this statement is meant, that if you install specific modules, it comes with attached stylesheets.

Ronny