CSS FAQ
How can I add breaks between paragraphs?
When using some of our snippets that contain text elements you may want some paragraph spacing.
Simply add <br> between paragraphs to add a break. If you want a larger break you can add two <br><br>
For Example:
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<br><br>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
How can I add bullet points within my snippets?
When using some of our snippets that contain text elements you may want to add bullet points.
For a simple bullet point list use:
<ul>
<li>Bullet Item 1</li>
<li>Bullet Item 1</li>
<li>Bullet Item 1</li>
</ul>
For a numbered list use:
<ol>
<li>Bullet Item 1</li>
<li>Bullet Item 1</li>
<li>Bullet Item 1</li>
</ol>
How do I update the images?
Throughout the form you’ll need to update various images.We use image URLS throughout our form code.
Your image URL will look something like this:
<https://formsandflows.com/wp-content/uploads/2020/07/FF-Logo.png>
Or
<https://res.cloudinary.com/dubsado/image/upload/v1590658344/yrd3aqv6te1bcwkfw50l.png>
There are two main options when hosting images;
- Upload them into Dubsado
- Upload them to your website.
Uploading them to Dubsado will be better in terms of form speed, however, with only a few images, the difference will be minimal so don’t worry too much!
However, for images that may change, I tend to host them on my website so I can quickly update the image and have that reflect across all of my forms in one click. (ShortPixel’s Enable Media Replace plugin is awesome for this if you’re on WordPress)
Uploading images to Dubsado
It’s really easy to upload your images to Dubsado. Head to any Dubsado form, by going to Templates then forms. Now you can simply drag an image block into a form and upload an image as usual.
Once your image is in your form you can right-click on the image and copy the image address. Make sure you add your image into the actual form because right-clicking, otherwise you’ll be getting the image address for the teeny tiny thumbnail, and it’s going to be a blurred mess.
Once you’ve got the URL you can delete the image element from your form. Just make sure you keep that image URL safe for when you need it! You’ll then be able to head to your code block and insert the URL within your HTML or CSS code.
How do I update the fonts?
Head to the Font Styles code at the top of your form!
Font’s are determined by 5 different styles; your main paragraph font which is used throughout the body of your form, and then four heading styles.
When you update the fonts in this block they’ll update across the entire form.
You may find you want to add your own fonts, for more extensive tutorials read these posts:
Once you’ve added your fonts, you’ll be able to use them through the paragraph styles in the Dubsado text editor.
Occasionally you may find that even when you apply a font style, the text editor doesn’t respond. You may need to reset them and then reapply. Highlight your text and then click clear all formatting.
