How To Style The Proposal, Contract and Invoice Top Navigation Bar In Dubsado

Learn how to style your proposal contract and invoice top navigation bar in Dubsado proposals.
In this tutorial I take you through:
→ Changing the background colour
→ Adding your brand fonts
→ Removing the underline
→ Changing the text styling on hover
→ connecting your Contract and Invoice to your proposa;
Want the CSS snippets?
Check out the blog: sarahworboyes....
Learn how to add your brand fonts into Dubsado:
• Adding Custom Fonts in...
______
Check out my Proposal Dubsado Templates: sarahworboyes....
_______
Want to find out more about Dubsado & if it’s right for your business? Sign up for a free trial by clicking the below link and this will also give you 30% off your first year or month:
www.dubsado.co...

[@WalzerMelanie]

very helpfull, Thank you very much for sharing. I would like to keep the underline howerver change the color. How can I do that?

[@sarahworboyes]

Sure - where it's this code: /* Proposal tabs underline */ .client-view-tabs-col div { display none; } REPLACE with this code (removing the display:none): .client-view-tabs-col div { border: 1px solid yellow!important; width:50%!important; margin:auto!important; } What this is doing: 1. making a thin solid border - you can replace the word "yellow" with your hex code 2. making the line width reduce by 50% - cause the line by default is super long! 3. centering the line so it's underneath the text.

[@WalzerMelanie]

@@sarahworboyes that's so dope 💪 Thank you

[@robbiyoung5457]

Thank you for this

[@itskatwaugh]

You're fantastic. Thank you!

[@sarahworboyes]

@@itskatwaugh glad it was helpful :) make sure to subscribe as I have more tutorials coming up :)