To remove the default side margins and make your Odoo website full-width, follow these steps:

Method 1: Using Website Editor (No Coding)

1. Go to Website → Edit (enable edit mode).
2. Click the "Theme" button (paintbrush icon in the top-right).
3. Under Layout Options, look for:
   • "Container: Fluid" → Enable this to stretch content to full width.
   • If not available, try "Boxed: Off".

Method 2: Custom CSS (More Control)

1. Go to Website → Customize → HTML/CSS Editor.
2. Add this CSS to remove padding/margins:
   css
   

   .container, .o_container_small {
       max-width: 100% !important;
       padding: 0 !important;
   }
   .oe_website_sale {
       width: 100% !important;
   }

3. Save and refresh your page.

Method 3: Edit Theme XML (Advanced)

If you’re using a custom theme:

1. Override the main_layout template:
   xml
   

   <template id="full_width_layout" inherit_id="website.layout">
       <xpath expr="//main[@id='wrap']/div[hasclass('container')]" position="replace">
           <div class="container-fluid">
               <t t-call-content="content"/>
           </div>
       </xpath>
   </template>

2. Apply the changes via a custom module.

Troubleshooting

• If the navbar doesn’t stretch, add:
  css
  

  header#top {
      max-width: 100% !important;
  }

• For specific pages (like product view), target their containers:
  css
  

  .oe_website_sale .container {
      width: 100% !important;
  }

Result

Your site (e.g., AETHERA) will now use the full screen width instead of the default centered layout.

Need help? Share a screenshot of the issue, and I’ll refine the solution! 🚀

🚀 Did This Solve Your Problem?

If this answer helped you save time, money, or frustration, consider:

✅ Upvoting (👍) to help others find it faster

✅ Marking as "Best Answer" if it resolved your issue

Your feedback keeps the Odoo community strong! 💪

(Need further customization? Drop a comment—I’m happy to refine the solution!)