Beautiful Dubsado Forms
Buy now
Learn more
Getting Started
Welcome to the course!
Getting started: making sure you’re r...
What makes a great proposal?
What is HTML & CSS and how do you use it?
What is HTML and CSS?
How do I add code to my Dubsado Forms?
The Anatomy of HTML Code
The Anatomy of CSS Code
The main CSS declarations you will need
Adding Custom Fonts to your Forms
Adding Google Fonts to your Form
Adding a custom font to your form
Styling buttons
Styling the Client Portal Button
Styling the Download to PDF button
Styling your Proposal Submit Button |...
Styling your Proposal Submit Button |...
Styling your packages
Styling your Package Select Button
Styling your Package Checkboxes
Styling your Package Table
Styling form fields
Styling your Form Fields
Styling the proposal, contract and invoice bar
Styling the Proposal, Contract, Invoi...
Changing the warning pop up
Headings
Heading Sections
Heading Section | Image Background
Heading Section | Solid Colour Backgr...
Heading Section | Gradient Colour Bac...
Heading Section | Rainbow Background
Heading Section | Fixed Image Background
Separators
Creating Separators
Separator Line | Solid Line
Separator Line | Dashed Line
Separator Line | Dotted Line
Separator Line | Double Line
Separator Line | Shadow Line
Separator Line | Half Line
Full Width Forms
Making your sections of your form ful...
Scroll To Top
Add a scroll to top button
Hero Sections
Hero Section | Style 1
Hero Section | Style 2 | Overlapping
Frequently Asked Questions
FAQs | Style 1
FAQs | Style 2
Timelines
Timeline | Style 1 | One Side
Testimonial Modules
Static Testimonial | Style 1
Static Testimonial | Style 2
Moving Testimonial Slider | Style 1 |...
Images and Portfolios
On Hover Sliding Images
Add videos to your forms
Form Follow Along
CSS Reference Sheet Dubsado.mp4
Web Developer Form Walk Through.mp4
Image Sliders
Clickable Image Slider | Style 1 | 3 ...
Bonus: Form Inspiration!
PREVIEW: Template | Elegant
PREVIEW: Template | Modern
Products
Course
Section
Styling your packages
Styling your packages
Beautiful Dubsado Forms
Buy now
Learn more
Getting Started
Welcome to the course!
Getting started: making sure you’re r...
What makes a great proposal?
What is HTML & CSS and how do you use it?
What is HTML and CSS?
How do I add code to my Dubsado Forms?
The Anatomy of HTML Code
The Anatomy of CSS Code
The main CSS declarations you will need
Adding Custom Fonts to your Forms
Adding Google Fonts to your Form
Adding a custom font to your form
Styling buttons
Styling the Client Portal Button
Styling the Download to PDF button
Styling your Proposal Submit Button |...
Styling your Proposal Submit Button |...
Styling your packages
Styling your Package Select Button
Styling your Package Checkboxes
Styling your Package Table
Styling form fields
Styling your Form Fields
Styling the proposal, contract and invoice bar
Styling the Proposal, Contract, Invoi...
Changing the warning pop up
Headings
Heading Sections
Heading Section | Image Background
Heading Section | Solid Colour Backgr...
Heading Section | Gradient Colour Bac...
Heading Section | Rainbow Background
Heading Section | Fixed Image Background
Separators
Creating Separators
Separator Line | Solid Line
Separator Line | Dashed Line
Separator Line | Dotted Line
Separator Line | Double Line
Separator Line | Shadow Line
Separator Line | Half Line
Full Width Forms
Making your sections of your form ful...
Scroll To Top
Add a scroll to top button
Hero Sections
Hero Section | Style 1
Hero Section | Style 2 | Overlapping
Frequently Asked Questions
FAQs | Style 1
FAQs | Style 2
Timelines
Timeline | Style 1 | One Side
Testimonial Modules
Static Testimonial | Style 1
Static Testimonial | Style 2
Moving Testimonial Slider | Style 1 |...
Images and Portfolios
On Hover Sliding Images
Add videos to your forms
Form Follow Along
CSS Reference Sheet Dubsado.mp4
Web Developer Form Walk Through.mp4
Image Sliders
Clickable Image Slider | Style 1 | 3 ...
Bonus: Form Inspiration!
PREVIEW: Template | Elegant
PREVIEW: Template | Modern
Learn how to make your packages look fabulous! Afterall, they're the most important part of your proposal!
3 Lessons
Styling your Package Select Button
Styling your Package Checkboxes
Styling your Package Table