Size of checkbox

  • Posts: 180
  • Thank you received: 1

ooc created the topic: Size of checkbox

I find the checkbox provided in the forms is tiny and easy to miss. I have tried to change the size through the css - by inserting in line 177 of administrator/components/com_breezingforms/assets/custom.css "width: 4 em; height: 4 em;" . That seems to do nothing and I'm not sure it would be wise anyway as I'd likely have to ensure that change is made each time there is a new version. However, when in developer tools I can add to element.style width: 2 em; height 2 em and that looks much better.
Is there any way to accomplish a change to the style of the checkbox?
I am attaching my form. Note that it has also been attached to a topic earlier today so may already be unzipped and reviewed by a colleague.

File Attachment:

File Name: cheque_mem...9-21.zip
File Size:85 KB
#237936
Attachments:
  • mihaela
  • Away
  • Administrator
  • Administrator
  • Posts: 2651
  • Karma: 92
  • Thank you received: 354

mihaela replied the topic: Size of checkbox

Hello,

Please try to use the following solution to achieve what you want.

Go to your form's Advanced properties > More options > Form Pieces and in the Before Form section set Type to Custom.
In the code area below that appears, paste the following code:
echo '
<style>
input[type=checkbox] {
  transform: scale(1.6);
}
</style>
';

That should do the trick.

Let me know whether this is working as you wanted.

Regards,

Mihaela
#237942
Moderators: ForumSupporttomeperica
Time to create page: 0.059 seconds

New Icon Packs Category!

Crosstec is now offering icon packs.

If you are a paying subscriber, icon packs are automatically added to your account.

Check out our icon packs page!

Live Support Chat Opened!

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

Summer Sale!

50% discount on all of our extension subscription plans, templates and icon packs!

Get Your Subscription Here

News and Updates

Get informed about new downloads, updates and more in our News and Updates newsletter.

All Extensions Subscription

Get 1 year access to all of our current and future products and 1 year of professional support -- 99 for just 49! (Summer Sale)

No support per domain or website installation limits! Includes all of our current and future Joomla!® extensions, Joomla!® templates for the duration of your membership. This means, by purchasing an All Extensions Subscription you'll have it all covered!

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 to receive live support and talk directly to the team!

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here