Skip to Content
Odoo Menu
  • Prihlásiť sa
  • Vyskúšajte zadarmo
  • Aplikácie
    Financie
    • Účtovníctvo
    • Fakturácia
    • Výdavky
    • Tabuľka (BI)
    • Dokumenty
    • Podpis
    Predaj
    • CRM
    • Predaj
    • POS Shop
    • POS Restaurant
    • Manažment odberu
    • Požičovňa
    Webstránky
    • Tvorca webstránok
    • eShop
    • Blog
    • Fórum
    • Živý chat
    • eLearning
    Supply Chain
    • Sklad
    • Výroba
    • Správa životného cyklu produktu
    • Nákup
    • Údržba
    • Manažment kvality
    Ľudské zdroje
    • Zamestnanci
    • Nábor zamestnancov
    • Voľné dni
    • Hodnotenia
    • Odporúčania
    • Vozový park
    Marketing
    • Marketing sociálnych sietí
    • Email marketing
    • SMS marketing
    • Eventy
    • Marketingová automatizácia
    • Prieskumy
    Služby
    • Projektové riadenie
    • Pracovné výkazy
    • Práca v teréne
    • Helpdesk
    • Plánovanie
    • Schôdzky
    Produktivita
    • Tímová komunikácia
    • Artificial Intelligence
    • IoT
    • VoIP
    • Znalosti
    • WhatsApp
    Third party apps Odoo Studio Odoo Cloud Platform
  • Priemyselné odvetvia
    Retail
    • Book Store
    • Clothing Store
    • Furniture Store
    • Grocery Store
    • Hardware Store
    • Toy Store
    Food & Hospitality
    • Bar and Pub
    • Reštaurácia
    • Fast Food
    • Guest House
    • Beverage distributor
    • Hotel
    Reality
    • Real Estate Agency
    • Architecture Firm
    • Konštrukcia
    • Property Management
    • Gardening
    • Property Owner Association
    Poradenstvo
    • Accounting Firm
    • Odoo Partner
    • Marketing Agency
    • Law firm
    • Talent Acquisition
    • Audit & Certification
    Výroba
    • Textile
    • Metal
    • Furnitures
    • Jedlo
    • Brewery
    • Corporate Gifts
    Health & Fitness
    • Sports Club
    • Eyewear Store
    • Fitness Center
    • Wellness Practitioners
    • Pharmacy
    • Hair Salon
    Trades
    • Handyman
    • IT Hardware and Support
    • Solar Energy Systems
    • Shoe Maker
    • Cleaning Services
    • HVAC Services
    Iní
    • Nonprofit Organization
    • Environmental Agency
    • Billboard Rental
    • Photography
    • Bike Leasing
    • Software Reseller
    Browse all Industries
  • Komunita
    Vzdelávanie
    • Tutoriály
    • Dokumentácia
    • Certifikácie
    • Školenie
    • Blog
    • Podcast
    Empower Education
    • Vzdelávací program
    • Scale Up! Business Game
    • Visit Odoo
    Softvér
    • Stiahnuť
    • Porovnanie Community a Enterprise vierzie
    • Releases
    Spolupráca
    • Github
    • Fórum
    • Eventy
    • Preklady
    • Staň sa partnerom
    • Services for Partners
    • Register your Accounting Firm
    Služby
    • Nájdite partnera
    • Nájdite účtovníka
    • Meet an advisor
    • Implementation Services
    • Zákaznícke referencie
    • Podpora
    • Upgrades
    ​Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Získajte demo
  • Cenník
  • Pomoc
You need to be registered to interact with the community.
All Posts People Badges
Tagy (View all)
odoo accounting v14 pos v15
About this forum
You need to be registered to interact with the community.
All Posts People Badges
Tagy (View all)
odoo accounting v14 pos v15
About this forum
Pomoc

How to add a custom css?

Odoberať

Get notified when there's activity on this post

This question has been flagged
webv7
20 Replies
107946 Zobrazenia
Avatar
Michael Karrer

What is the best way to add custom css to openerp 7 without modifying any original file of openerp?

4
Avatar
Zrušiť
Avatar
swapnil wagh
Best Answer

Yes it will not work in odoo 8, in odoo 8 you need to inherit the css template in your module and include your css file there e.g

<template id="my_assets_id" name="website assets for my module" inherit_id="website.theme">
        <xpath expr="." position="inside">
        <link rel="stylesheet" href="/website_my_module/static/src/css/my.css"/>
        </xpath>
    </template>

 

9
Avatar
Zrušiť
Mohammad Emami

I can't get any good result! My css isn't loaded yet!

Apprique

It would be helpful if you could also tell us where to put the file, how to name it (if there is a naming convention) and how to configure __openerp__py accordingly, since everything I tried results in a 500 Odoo Server error.

La Page PT, Pascal Tremblay

Is there only one guy here who managed to use a custom CSS in odoo?

La Page PT, Pascal Tremblay

Which extension should the file have? .py? .xml?

La Page PT, Pascal Tremblay

Much better for Odoo v8 : https://www.odoo.com/forum/help-1/question/how-to-change-existing-css-creating-a-new-module-46099

Avatar
Mohammad Alhashash
Best Answer

Just create a module and add your css file in __openerp__.py as described in the documentation.

 # __openerp__.py
 {
     'name': "CSS Example",
     'description': "new css example",
     'category': 'Generic Modules/Others',
     'depends': ['web'],
     'data': [],
     'css': ['static/src/css/my_css.css'],
 }
10
Avatar
Zrušiť
Michael Karrer
Autor

Thank you! - Trunk docu is growning pretty fast - a good sign :)

Avatar
Hilar Andikkadavath
Best Answer

if you need to write custom css in frontend odoo then you please try (1) , in case of backend try (2):

1:
    <template id="id" name="your name" inherit_id="website.assets_frontend">
      <xpath expr="." position="inside">
         <link href="/youraddon/static/src/css/yourcssfilename.css" rel="stylesheet" type="text/css"/>
    </xpath>
    </template>
2:
     <template id="id" name="your name" inherit_id="website.assets_backend">
         <xpath expr="." position="inside">
             <link href="/youraddon/static/src/css/yourcssfilename.css" rel="stylesheet" type="text/css"/>
         </xpath>
     </template>

4
Avatar
Zrušiť
Avatar
Laurent Destailleur
Best Answer

If you are using Odoo v8, you must add this

        <template id="assets_backend" name="mymodule css assets" inherit_id="web.assets_backend">

            <xpath expr="." position="inside">

                <link rel="stylesheet" href="/my_module/static/src/css/my_module_css_file.css"/>
            </xpath>
        </template>

 

4
Avatar
Zrušiť
Avatar
Sayed Anisul Hoque
Best Answer

Try as like this. It worked fine for me:

<template id="report.style" name="style">

<style type="text/css">

body {

color: #000 !important;

}

.background {

background-color: blue;

}

.p {

font-size: 22px;

color: green;

}

<!-- More of CUSTOM CSS here -->

</style>

</template>

2
Avatar
Zrušiť
Avatar
Shameem Babu
Best Answer



Watch on YouTube : https://www.youtube.com/ How to add css file in odoo 10

Or simply you can use style attribute 

<p style="color:green;margin:0;font-weight:bold/* write your css instead of my example*/">
     Write something
<p>
1
Avatar
Zrušiť
Avatar
ZetaMatic
Best Answer

Here is a Module that can help easily implement Custom CSS and Custom JS to Groups and Actions. 
​
https://www.odoo.com/apps/modules/11.0/custom_cssjs

​

0
Avatar
Zrušiť
Avatar
Vianney Adou
Best Answer

thank you Laurent Destailleur for answer.

It work for me !

0
Avatar
Zrušiť
Avatar
Rizo
Best Answer

That doesn't work for me too on Odoo.

Neither with the css directly in my module nor inheriting template

0
Avatar
Zrušiť
Avatar
La Page PT, Pascal Tremblay
Best Answer

https://github.com/odoo/odoo/issues/4359

0
Avatar
Zrušiť
Avatar
Nicolas de Moreau
Best Answer

The right answer is here: http://www.odoo.yenthevg.com/adding-static-resources-css-and-javascript-to-odoo/

0
Avatar
Zrušiť
Avatar
Mohammad Emami
Best Answer

I think that this does not work in odoo 8.0, isn't it?!

0
Avatar
Zrušiť
La Page PT, Pascal Tremblay

still searching too!

Avatar
Dr Obx
Best Answer

Looking for solution> trying to make vartical labels in tree view.

In my case, css is loaded but I cant make it work ... :(

Whatever I change in css I can't see it in tree view.

0
Avatar
Zrušiť
Enjoying the discussion? Don't just read, join in!

Create an account today to enjoy exclusive features and engage with our awesome community!

Registrácia
Related Posts Replies Zobrazenia Aktivita
how do I set the default value for a field from the web interface? Solved
web v7
Avatar
Avatar
Avatar
Avatar
Avatar
10
apr 23
37460
How to disable developer mode or debugging feature in openerp 7
web v7
Avatar
Avatar
5
dec 22
31850
Where is the web(wekzeug) log logged into log file?
web v7
Avatar
Avatar
Avatar
2
mar 15
8422
Intercept one2many line unlink with javascript
web v7
Avatar
0
mar 15
6648
Need some help to extend js "module"
javascript web v7
Avatar
Avatar
1
mar 15
7158
Komunita
  • Tutoriály
  • Dokumentácia
  • Fórum
Open Source
  • Stiahnuť
  • Github
  • Runbot
  • Preklady
Služby
  • Odoo.sh hosting
  • Podpora
  • Vyššia verzia
  • Custom Developments
  • Vzdelávanie
  • Nájdite účtovníka
  • Nájdite partnera
  • Staň sa partnerom
O nás
  • Naša spoločnosť
  • Majetok značky
  • Kontaktujte nás
  • Pracovné ponuky
  • Eventy
  • Podcast
  • Blog
  • Zákazníci
  • Právne dokumenty • Súkromie
  • Bezpečnosť
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk Slovenščina Español (América Latina) Español Svenska ภาษาไทย Türkçe українська Tiếng Việt

Odoo je sada podnikových aplikácií s otvoreným zdrojovým kódom, ktoré pokrývajú všetky potreby vašej spoločnosti: CRM, e-shop, účtovníctvo, skladové hospodárstvo, miesto predaja, projektový manažment atď.

Odoo prináša vysokú pridanú hodnotu v jednoduchom použití a súčasne plne integrovanými biznis aplikáciami.

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now