.cagette_badge{ /* height:85.6mm; width:53.98mm; */ height: 84mm; width: 133mm; margin-left: -4mm; margin-top: 1mm; background-color:white; color: #000000; /* Louve blue */ /* color:#455a6e; */ position: relative; /* to test actual positions, because Odoo insists on scaling something between this CSS and the actual badge */ /* border: solid; */ } .cagette_member_photo_div{ position: absolute; width:35mm; height:45mm; top: 2mm; right:5mm; } .cagette_text{ position: absolute; top: 35mm; left: 8mm; width: 85mm; font-size: 20; font-weight: bold; line-height: 1; text-align: left; } .cagette_member_name{ position: absolute; bottom: 3mm; left:8mm; font-size: 40; font-weight: bold; width: 100%; word-wrap: break-word; overflow-wrap: break-word; text-align: left; line-height: 1; } .cagette_barcode_image{ position: absolute; top: 2mm; /* unfortunately, this doesn't work with Odoo * left: 50%; * transform: translateX(-50%); */ height: 30mm; /* la louve uses 68mm barcodes, so maybe we should too? */ width: 68mm; /* remember to center this on the sheet of 84mm */ left: 3mm; } .cagette_logo{ position: absolute; bottom: 3mm; right: 2mm; height:30mm; width:45mm; } .cagette_company_address{ margin-left:41mm; margin-top:83mm; max-width:26mm; word-wrap:break-word; white-space: normal; width:26mm; text-align: left; }