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!

Live Support Chat Opened!

Join our Discord chat here and enter the Crosstec channels to receive live support and talk directly to the team!