How to add css files to a custom module in Odoo?

Question

How can I add css files to my custom module to change xml views? I found this post but the solution is not working.

I want modify all the elements from my module, such as forms, lists, inputs, etc.

Answer 1

1. You must create the css file in this route: /module_name/static/src/css/module_name.css. Example of file:

.openerp .classname{
    margin: 12px 0px 12px 0px;
}

2. Create the file /module_name/views/module_name.xml with this content:

<?xml version="1.0"?>
<openerp>
    <data>
        <template id="assets_backend" name="module_name assets" inherit_id="web.assets_backend">
            <xpath expr="." position="inside">
                <link rel="stylesheet" href="/module_name/static/src/css/module_name.css"/>
            </xpath>
        </template>
    </data>     
</openerp>

3. Add the xml file to your __openerp.__py

'data': [
    'views/module_name.xml',
],

4. Add the class to the elements in the view

<div class="classname">                            
    <field name="field_name" class="other_class"/>
</div>