I want to edit my navbar CSS

Question

Hello, I am a student learning and my question is the following:

I just want to insert this CSS code to my narbar:

.navbar {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

As you see, I want my navbar inferior side to have borders, but I don't quite know where can I add that CSS code or how to reference the navbar name. Do any of you know what to do? The normal editor wont work to this, tho.

Cybrosys Techno Solutions Pvt.Ltd · Answer

Hi,
You can add your css file in the path:static/src/css/style.css
you can create a file style.css in the above give path in your custom module and add the CSS style in the file

And add the path in asset bundle in your manifest'assets': {
'web.assets_backend': [
'module_name/static/src/css/style.css',
],}

Hope it helps

MP Hung · Answer

Hi, Your can add them to class have name .o_main_navbar.
Reference document in  https://www.odoo.com/documentation/17.0/developer/reference/frontend/assets.html [1] .

[1] https://www.odoo.com/documentation/17.0/developer/reference/frontend/assets.html

Це запитання позначене

Enjoying the discussion? Don't just read, join in!