WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.6 is now available!


Will it continue with WB? It goes on! | Geht es mit WB weiter? Es geht weiter!
https://forum.websitebaker.org/index.php/topic,32340.msg226702.html#msg226702


The forum email address board@websitebaker.org is working again
https://forum.websitebaker.org/index.php/topic,32358.0.html


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Menu Styling Problem
  • Print
Pages: [1]   Go Down

Author Topic: Menu Styling Problem  (Read 4526 times)

Synwave

  • Guest
Menu Styling Problem
« 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:


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
« Last Edit: November 06, 2011, 02:35:41 PM by Synwave »
Logged

jacobi22

  • Guest
Re: Menu Styling Problem
« Reply #1 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
  • menu-sibling  (first menu-point = Wir über uns)
  • menu-expand (Innenraumbegrünung)
  • menu-child
  • menu-last
  • menu-current
Logged

Synwave

  • Guest
Re: Menu Styling Problem
« Reply #2 on: November 01, 2011, 06:50:54 PM »
Yep! That will do it.

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

Synwave

  • Guest
Re: Menu Styling Problem
« Reply #3 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
Logged

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Menu Styling Problem
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2