Odoo Website CSS

Website customizations with CSS.

Hide product prices

Remove from carousel.

section.s_wsale_products_recently_viewed div.o_carousel_product_card_footer,
section.s_dynamic_snippet_products div.card-footer {
  display: none !important;
}

Remove from product details.

div.product_price {
  display: none;
}

Hide prices from cart table.

table#cart_products th.td-price,
table#cart_products td.td-price {
  display: none;
}

Hide cart summary.

div#o_cart_summary div.js_cart_summary {
  display: none;
}

Hide cart total.

div#cart_total {
  display: none;
}

Hide form fields.

form.checkout_autoformat div.checkbox {
	display: none
}

Hide portal sidebar

div.o_portal_sidebar div.d-print-none {
	display: none
}

Hide portal total prices and payment terms

div#portal_sale_content section.mt-5,
div.o_portal_sidebar div#total {
	display: none
}

Remove header navigation for a page

Name: remove header navigation
Key: website.home

Code:

<div id="wrap" class="oe_structure oe_empty">
	<style>
	header nav.navbar {
		display: none;
	}
	</style>
	...