WebsiteBaker Support (2.8.x) > Templates, Menus & Design

Menu Styling Problem

(1/1)

Synwave:
Greetings,

I am new to WebsiteBaker and seem to have hit a dead end while trying to style my menu.

The parent menu is styled they way I want it but styling the child menus is giving me problems.

I have installed the show_menu2 module and the CSS makes my child menus bold but no other CSS styling is working.

I simply want to change the font colour and background image of my child menus to look like the image below:


Can someone please tell me if the show_menu2 module is required or if I can style it with the default menu module.


Thanks in advance
Sam

jacobi22:
Your Problem is here (template.css)

--- Code: ---.menu a:link, .menu a:visited, .menu a:active {
padding: 4px 10px 4px 27px;
color: #454444;
display: block;
background-color: #d9d9d9;
text-decoration: none;
background-image: url(images/menu_back_grey.gif);
}
.menu a:hover {
background-color: #d9d9d9;
text-decoration: none;
background-image: url(images/menu_back_green.gif);
}
--- End code ---

It works for the Parent Menu an the Childs too. Delete this Part and define it new with your favorit colors and font-styles for the menu class

* menu-sibling  (first menu-point = Wir über uns)

* menu-expand (Innenraumbegrünung)
* menu-child
* menu-last
* menu-current

Synwave:
Yep! That will do it.

Jacob.....Thank you soo much!!

Synwave:
I have made some progress with your information but have run into a few problem. I've sent you a PM.

Thanks
Sam

Navigation

[0] Message Index