Change colors using styles_screen_custom.css

[Matthijs]

Hi, i want to change the background color and text color of the menu.
What would be the css to put in styles_screen_custom.css to achieve this?

thanks for any help!

Your current DaDaBIK version​

You are using DaDaBIK version 11.10-Elba monthly, installed on 13-07-2023 (installation code: 18828644e443ac0e33), the latest version of DaDaBIK is 11.10-Elba released on 13-07-2023

You are running the latest release of DaDaBIK

In case you want to upgrade to a more powerful edition (from Pro to Enterprise/Platinum, from Enterprise to Platinum) please contact us.

System info​

PHP Version: 8.1.21

mysql version: 10.6.14-MariaDB

Web server: Apache/2

Client: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/116.0

URL installation: https://mslb.nl/dadabik/

 

[eugenio]

Hello,
adding something like

.main-menu a {
color: #000;
background-color: #fff;
}

to styles_screen_custom.css will change the main part of the menu. Generally speaking, the easiest way to see the classes involved is to open the developer console in your browser, select the part of the user interface you are interested in and check the styles window in the developer console.

Best,

 

[Matthijs]

Hi Eugenio, yes that is what I already tried .. but it does not change anything.

in styles_screen_custom.css I now have:
.main-menu a {
color: #A9A9A9;
background-color: #FF8C00;
}

but colors still default colors, see:

Vereniging de Motorsleepboot

 

[eugenio]

I actually see the orange menu, probably you haven't cleared the browser cache.

Best,

 

[Matthijs]

Hi thanks .. browser cache was the problem