BerryPro: Change main menu background color

Hello!

How to change the main menu colors?? There is no color picker as mentioned??

Bye,
Matthias

Comments

user
Submitted by admin on Thu, 06/30/2016 - 03:45

1. Enable color module (if it is disabled).

example.com/admin/modules

2. Navigate to BerryPro theme settings page.

example.com/admin/appearance/settings/berrypro

Here you can find the option to change theme color.

Please note:
Using color picker, you can only change link color of main menu. If you wish to change background color, you need to edit style.css

Please follow below steps to change background color of main menu:

  1. Open style.css in any text editor.
  2. Find following codes.
    #nav-body {
    font-family: 'Open Sans Condensed', sans-serif;
    background-color: #111314;
    min-height: 80px;
    clear: both;
    margin: 0;
    padding: 0;
    }
  3. In above code change value of background-color to your new color.
  4. Save style.css

Done!!!

user
Submitted by haertel on Thu, 06/30/2016 - 18:09

Thank you!