CSS modifications for top menu

Hi,
Our website project with Natura template is growing for our non-profit association.
I have a question about the "top menu". I would like to make its line darker, because several photos placed through it are too light.
I find it is already possible when someone is at the bottom of the page, and scroll to the top of the page, the "top menu" line appears darker above the page, then when the top page is reaching "top menu" becomes again lighter.
I'ld like to keep this "darker line" permanatly.
Is it possible via the css or anything else ?
Thanks a lot
Best regards

Hello,

I suppose you are using Joomla 4.

To add a background color in the menu row, please go to the template settings (System > Site Template Styles > Hot Natura > Custom > CSS). Find this part:

and add a background color:

This is for black color (#000). You can change it to any color you like.

Also, you can change the menu colors in the same place (under Menus > Top Menu).

Regards,
Milos

Thanks a lot for your quick answer.
Your tips change the background colour, that's fine, but i wish to have a semi transparent background, not a plain background colour.
Is it possible ?

Yes. So, instead of this line with solid color:

you can use the line with transparent color:

where color is in RGB-a format (0, 0, 0) and transparency is in decimal format (value between 0 to 1).

Regards,
Milos

IT'S SO GREAT !
Thanks so much !
Best regards