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
Beautiful Dubsado Forms
Beautiful Dubsado Forms
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 more
Buy now
Learn everything you need to know about creating beautiful proposals within Dubsado.
Getting Started
3 Lessons
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?
5 Lessons
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
2 Lessons
Adding Google Fonts to your Form
Adding a custom font to your form
Styling buttons
4 Lessons
Styling the Client Portal Button
Styling the Download to PDF button
Styling your Proposal Submit Button |...
Styling your Proposal Submit Button |...
Styling your packages
3 Lessons
Styling your Package Select Button
Styling your Package Checkboxes
Styling your Package Table
Styling form fields
1 Lesson
Styling your Form Fields
Styling the proposal, contract and invoice bar
2 Lessons
Styling the Proposal, Contract, Invoi...
Changing the warning pop up
Headings
6 Lessons
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
7 Lessons
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
1 Lesson
Making your sections of your form ful...
Scroll To Top
1 Lesson
Add a scroll to top button
Hero Sections
2 Lessons
Hero Section | Style 1
Hero Section | Style 2 | Overlapping
Frequently Asked Questions
2 Lessons
FAQs | Style 1
FAQs | Style 2
Timelines
1 Lesson
Timeline | Style 1 | One Side
Testimonial Modules
3 Lessons
Static Testimonial | Style 1
Static Testimonial | Style 2
Moving Testimonial Slider | Style 1 |...
Images and Portfolios
2 Lessons
On Hover Sliding Images
Add videos to your forms
Form Follow Along
2 Lessons
CSS Reference Sheet Dubsado.mp4
Web Developer Form Walk Through.mp4
Image Sliders
1 Lesson
Clickable Image Slider | Style 1 | 3 ...
Bonus: Form Inspiration!
2 Lessons
PREVIEW: Template | Elegant
PREVIEW: Template | Modern