Hello,

Best way to do this :

1. if you want this kind of changes on all reports then inherit 

"external one with background" template and replace header or footer with your own image and background color which you want.

2. if you want this customised header and footer changes on that particular report or on few reports,

then better create new template same like "External background" and call this new template on reports using t-call

3. for css changes , better try to use bootstrap 4 standard class, 

if some class are not available on bootstrap then you can define 

css on top of that report like this way that will reduce conflict and you can fix easily if any css issue happen 

"<div class="page">
<style>
table th{
border-bottom: 1px solid black;
padding: 10px;
}
table td {
border-bottom: 1px solid gray;
padding: 10px;
}
</style>"

hope this will help

Thanks

I acctualy don't need any header and footer as I have everything placed inside background image.So I removed <t t-call="web.external_layout"> from my template and now I have plain text without header and footer. But I'm having trouble with adding background image. Inline css as well as <style> tag does not work. For example somthing like this does not work:​

<?xml version="1.0"?>
<t t-name="web.equipment_affirmation">
    <t t-call="web.html_container">
        <t t-foreach="docs" t-as="eq">
            <!-- <t t-call="web.external_layout"> -->
                <div class="page">
                    <style>
                        .custom_background {
                            background-image: url(/base/static/img/bg_background_template.jpg);
                            background-size: cover;
                            background-position: bottom center;
                            background-repeat: no-repeat;
                            min-height: 620px;
                        }
                    </style>
                    <div class="custom_background">
...

I even used original odoo background image but it still does not work.

When I tried for the second time to modify scss file everything broke. Even when I reverted all changes. And even raports that does not use that file.

There is something wrong with image path. When I use imgur image it is appearing.

And can you please fix this forum. Using this text editor is huge pain. Formatting is broken, there is no propper code formatting. I can't upload picures and it constantly changes my language.