How to add padding to in-line fields on your Dubsado forms without code

This post may contain affiliate links and I will receive a commission for purchases made through these links, at no cost to you. I only recommend products I use and love.

Adding padding to Dubsado forms

Call me a perfectionist, but I live and breathe for white space. It’s one of those annoying things about being a designer (and many designers will strongly agree with me on this).

Which is why, in Dubsado I used to avoid in-line fields whenever possible and using dropdown fields. See, the problem with this workaround is that it isn’t a workaround at all. Users can only select one option in the field. That is fine if you want to replace the radio fields, but not for checkboxes.

Before adding padding to fields

As you can see, there’s absolutely no padding between the field label and the first checkbox. Even pressing the space key several times, the field will revert back to the absence of padding. I know, a nightmare, right?

This isn’t a reason to run out on on Dubsado, because no system is 100% perfect for every single user. Thousands of Dubsado users — and their clients — won’t even care about this. But as a designer (cough, neat freak), I care perhaps a little too much, and this fix works perfectly. If you’re like me, stick around to get your fix!

Now, some readers will probably think I’m overreacting more than just a little bit. But, if you find this kicks in your “Designer OCD” (it may not be a medically diagnosed condition, but it exists! Just ask your designer friends and they’ll tell all) then I have an insanely quick fix that I’ll share that’ll make your Dubsado forms look neater.

After adding padding to fields

So how are we going to tidy up the form? Without an ounce of CSS, I’m going to show you how to add padding to the right of the field label to make your forms breathe again.

Step 1

Copy the space in between the brackets below

[ ‎ ‎ ‎]

Step 2

Head over to your Dubsado account and open up the form you want to edit (or create a new one). Edit or create a new checkbox or radio field (the radio field is labelled as a yes/no answer field, but you can add more options).

Step 3

At the end of your field label, paste the invisible space without brackets. In the preview, you will see your field options shift to the right, adding all that lovely white space.

So there you have it, three easy steps to a breathable and tidy Dubsado form!

If you used this Dubsado hack and saved it with your other Dubsado tips, let me know in the comments below. Oh, and be sure to pin or bookmark this Dubsado tip for later.

How to add padding to your line fields on Dubsado forms

hey there!

I’m a web designer and marketing strategist from Manchester, dedicated to helping online entrepreneurs launch their site, attract dream clients and create effortless lead funnels.

I’m rather fond of 80s and 90s movies, shopping for second-hand shop bargains, scrapbooking and travelling (to be continued, obv).

Let’s get social

recent posts

fave tools

My #1 tool for invoicing, contracts, appointment booking, proposals and effortless workflows. Get 20% off your first month or year after your trial.
Manage projects, campaigns, onboarding and more, with ClickUp’s suite of productivity tools.
My top recommended site builder for WordPress, with so much more features in their pro version.
Perfect for building your online store (even your digital products and memberships) from $9/mo.
Level up your Pinterest marketing and get more engagement in Tribes. Get your $15 voucher
My preferred email marketing tool, designed for creatives and content creators. Get 50% off for life

popular posts