Here it is explained how to add custom styling only to a specific BreezingForms form.

To achieve so, go to your form's Advanced properties > More options > Form pieces and in the Before Form set Type to Custom.

In the code area below that appears, put the following code:

echo '
<style>
// ADD CSS CODE HERE
</style>
'; 

Here are a few examples of adding the styling.

Example 1 - Enlarge the submit button:

echo '
<style>
#bfSubmitButton {
     float: none;
     width: 100% !important;
}
</style>
';

Example 2 - Enlarge checkboxes:

echo '
<style>
input[type=checkbox] {
  transform: scale(1.6);
}
</style>
';

 Example 3 - Put fields closer to labels:

echo '
<style>

.bfQuickMode .bfLabelLeft label {
      width: 30% !important;
}
</style>
';

 

 

Special Offer

Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!