Howto style the menu?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
sturla

Howto style the menu?

Post by sturla »

Hey, thank you for a wonderful CMS :)

I have trouble styling the menu. I'm trying to add style rules to the css of the template. The template and the CSS are two separate files. But nothing happes? Could someone educate me?
heatherfeuer

Re: Howto style the menu?

Post by heatherfeuer »

The stylesheets for the menus are separate from the main page stylesheets.  The menu stylesheets begin with "Navigation:"  Be sure you are changing the correct stylesheet.  If you create a new page template, make sure you assign the menu stylesheet to that template.
sturla

Re: Howto style the menu?

Post by sturla »

I put the styles for the menu at the end of the stylesheet attached to the template. Is there a separate stylesheet for the menu? How do I locate it?
heatherfeuer

Re: Howto style the menu?

Post by heatherfeuer »

The menu stylesheets are located under layout --> stylesheets.  The menu stylesheets all begin with "Navigation."  You need to select the stylesheet that matches the menu you are using.
RonnyK
Support Guru
Support Guru
Posts: 4962
Joined: Wed Oct 25, 2006 8:29 pm

Re: Howto style the menu?

Post by RonnyK »

Sturla,

are you using a default template that came with the installation, or are you creating your own template. As Heather mentioned, the templates have the stylesheets attached. If you check the default templates through "Layout -> Templates" and select the CSS-button on the right of the template called "CSSmenu left + 1 column", you'll see the stylesheets attached to that template. In the default templates is the menu-stylesheet, started with "Navigation", so the stylesheet that styles the menu is called "Navigation: CSSmenu - vertical". If you created your own stylesheet, or copied a standard one to your own stylesheet, you have to attach that stylesheet to the required template. You have to delete the association to the standard stylesheet and "add a stylesheet", using the button below, to associate your stylesheet to your template.

Ronny
Locked

Return to “Layout and Design (CSS & HTML)”