| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
Website (website)
• Discuss (mail) |
| Lines of code | 107 |
| Technical Name |
website_bg_opacity |
| License | OPL-1 |
| Website | https://github.com/hoangtv090103/odoo-apps |
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
Website (website)
• Discuss (mail) |
| Lines of code | 107 |
| Technical Name |
website_bg_opacity |
| License | OPL-1 |
| Website | https://github.com/hoangtv090103/odoo-apps |
Background image opacity slider in the Odoo 18 website editor
Make hero text readable on any photo. Drag one slider — no Photoshop, no custom CSS, no image swap.
Key Features
Slider in the panel
A new Opacity slider appears right under the Background option whenever a snippet has a background image.
Real-time preview
See the image change as you drag. Find the exact contrast for readable headlines in seconds.
Works on every snippet
Any section, column, or content block with a background image gets the slider automatically.
Persists on save
The value is stored on the page like any other style — reload, preview, publish: it stays.
No image processing
White-overlay technique — the original image is untouched. No quality loss, no extra files.
No CSS needed
Native Odoo integration. The setting becomes part of the snippet, just like padding or border radius.
Screenshots
The slider in context. A new Opacity row sits under the Background option in the Customize panel — highlighted in red.
Same image, three opacity levels. 95% for vivid hero, 50% for balanced headline overlay, 22% for subtle texture.
Before vs after. Hero text fights the background → same image at 60% opacity, dark text reads cleanly.
Who is it for?
Website designers
Ship hero sections that actually read. Match the brand's photography without sacrificing typography.
Marketing teams
A/B test hero contrast in seconds — no engineering tickets, no image re-exports from the asset library.
Odoo integrators
Hand off websites where clients can adjust hero readability themselves — safely, no support tickets.
Compatibility
- Odoo 18.0 — Community Edition & Enterprise Edition
- Depends on
website(included in Odoo core) - Works on every snippet with a background image option
- White-overlay technique — pure CSS, no image processing
- No external Python dependencies, no system binaries
Support & Updates
Bug reports, feature requests, and questions: hoangtv090103@gmail.com
Response time: within 48 hours on business days. Free updates for all minor and patch versions in the 18.0 series.
Crafted by Hoang Tran · Licensed under OPL-1
Odoo Proprietary License v1.0 This software and associated files (the "Software") may only be used (executed, modified, executed after modifications) if you have purchased a valid license from the authors, typically via Odoo Apps, or if you have received a written agreement from the authors of the Software (see the COPYRIGHT file). You may develop Odoo modules that use the Software as a library (typically by depending on it, importing it and using its resources), but without copying any source code or material from the Software. You may distribute those modules under the license of your choice, provided that this license is compatible with the terms of the Odoo Proprietary License (For example: LGPL, MIT, or proprietary licenses similar to this one). It is forbidden to publish, distribute, sublicense, or sell copies of the Software or modified copies of the Software. The above copyright notice and this permission notice must be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Please log in to comment on this module