WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: Synwave on November 01, 2011, 03:51:42 PM

Title: Menu Styling Problem
Post by: Synwave on November 01, 2011, 03:51:42 PM
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:
(http://hydrokulturen-zimmerpflanzen.at/menu2.jpg)

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
Title: Re: Menu Styling Problem
Post by: jacobi22 on November 01, 2011, 06:16:58 PM
Your Problem is here (template.css)
Code: [Select]
.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);
}
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
Title: Re: Menu Styling Problem
Post by: Synwave on November 01, 2011, 06:50:54 PM
Yep! That will do it.

Jacob.....Thank you soo much!!
Title: Re: Menu Styling Problem
Post by: Synwave on November 02, 2011, 03:12:37 AM
I have made some progress with your information but have run into a few problem. I've sent you a PM.

Thanks
Sam