I found this way to alter the style sheet of an existing template (e.g. the online-shop).

• On the Website go to: Customize -> HTML-Editor
• Choose 'Main layout' from the selection box
• Add your custom style sheet just before the closing </head> tag

Also you can change the footer if you select 'Automatic footer' and 'Footer Copyright' from the selection box.

Take a look here http://www.slideshare.net/openobject/odoo-create-themes-for-website. You basically create a new theme in your custom addons folder with the structure explained there and select it later.

I'm using the online version, so editing source files is not an option, I don't think. I see how to edit the HTML on any page, but not the CSS. I also cannot see how to add new CSS files or Jquery scripts. I also do not think I can create a new theme other than to edit the existing files. Does anyone know something that I am not seeing?

Hi Bruce,

I'm new on Odoo and for my own, i do this :

login on your website, then hit  "Customize"--->"HTML editor" and then select "Main layout", you should see at the end of the page (in my case) :

.....

                    <div class="container mt16 mb8">
                        <div class="pull-right" t-ignore="true" t-if="not editable">
                            Create a <a href="http://openerp.com/apps/website">free website</a> with
                            <a class="label label-danger" href="https://openerp.com/apps/website">OpenERP</a>
                        </div>
                        <div class="pull-left text-muted">
                            Copyright &amp;copy; <span t-field="res_company.name">Company name</span>
                        </div>
                    </div>
                </footer>
            </div>
            <t t-if="website.google_analytics_

....

HM

The best solution would be to make a module.

https://www.odoo.com/documentation/8.0/howtos/themes.html

Everything that is added to the templates to overwrite the existing css - only produces larger files, additional http requests, and thus unnecessary amounts of data

in a brand new theme you can change the variables in bootstrap, you can also omit parts that are not needed, or you create a design from the ground up

Can I follow the same instructions explained here https://www.odoo.com/documentation/8.0/howtos/themes.html to build a theme for OpenERP 6.1?

Thank you.

Apparently new themes are going to be installable as data-only modules when v8 is released - this is how it will be possible to create and install you own themes when running on the Odoo Saas, for example.

In the meantime I have resorted to applying my own stylesheets to override the bootswatch based ones that Odoo gives you out of the box. If you are on the Odoo Saas then you will need to store your stylesheet on your own domain. Once you have a css file you want to use to override what you are given simply use the html editor to edit the template 'Theme' like so:-

<?xml version="1.0"?>
<t name="Theme" t-name="website.theme">
    <link id="bootstrap_css" rel="stylesheet" href="/website/static/lib/bootstrap/css/bootstrap.css" t-ignore="true"/>
    <link id="website_css" rel="stylesheet" href="/website/static/src/css/website.css" t-ignore="true"/>
     <link rel="stylesheet" type="text/css" href="//www.mydomain.com/mycss.css"/>
</t>

You add the line in bold - it should then change the theme for all pages in your system. If you base your theme on the bootswatch css - then there's the least chance that future changes to the Odoo templates will not work with your theme.

Hi Bruce,

If you are asking about how to change OpenERP web client theme, then I have a tutorial guild to build an addon to change it at http://erptalk.net/threads/tutorial-customize-login-page-with-yourstyle.210/ ; it's may not a good approach but hope could help you as workaround solution.

ThanhMD

You can add custom css to website

<template id="assets_frontend" inherit_id="web.assets_frontend">
    <xpath expr="." position="inside">
         <link rel="stylesheet" href="/your_module/static/src/css/sheet.css"/>
    </xpath>
</template>

You write your css in the new file. The existing css will be overridden

You can watch this on YouTube !

Also refer : how to change the theme In odoo?

Silly question, but how do you bring your wordpress website into Dreamweaver, files and folders and all?