How to Hide the Header in Dubsado Proposals Using CSS
How to Hide the Header in Dubsado Proposals Using CSS

If you use Dubsado for proposals, contracts, or client-facing pages, you may have noticed that some default interface elements can feel distracting or unnecessary for a polished client experience.

One common request is hiding the header or tabbed content area that appears in client view. While Dubsado does not currently offer a native toggle for this, you can clean up the layout using a simple CSS snippet.

Below is the exact code I use to hide that element.


Why hide the Dubsado header or tabs?




Depending on how you use Dubsado, removing this element can:

  • Create a cleaner, more branded proposal experience
  • Reduce confusion for clients viewing public proposal pages
  • Keep the focus on your offer, pricing, and agreement
  • Improve the overall UX for pre-launch or sales pages built inside Dubsado

This is especially helpful if you are using Dubsado proposals as public-facing landing pages rather than just private client documents.


The CSS code to hide the Dubsado client view tabs

Copy and paste the following code into an HTML block or custom CSS section within your Dubsado proposal or form:

<style> /* Hide Dubsado client view tabs content */ .client-view-tabs-content{ display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; } </style>

Once applied, the tabbed content area will no longer appear in the client-facing view.


Where to add this code in Dubsado

You can add this code in a few places, depending on your setup:

  • Inside an HTML block within a proposal
  • At the top or bottom of a custom proposal layout
  • In any section where Dubsado allows custom HTML

No additional configuration is required.


Important notes

  • This only affects the visual display. It does not delete or modify your proposal content.
  • The change applies only where the CSS is loaded.
  • Dubsado updates may affect class names in the future. If the element reappears, check for updated selectors.


Final thoughts

Small layout tweaks like this can make a big difference in how professional and intentional your client experience feels.

If you are using tools like Dubsado to build service-based offers, remember that clarity and simplicity often convert better than default layouts.

If you found this helpful, feel free to save it or share it with someone who is customizing their Dubsado workflow.

PREVIOUSNEXT

Time to invest wisely

Book your first session today and let’s build the business you know is possible.

©Legal Stacey Consulting 2026. All rights reserved.