How can I increase size of scale buttons, and remove number labels?

Hi there,

Can someone please assist with:

1. Removing the number labels on a scale field, so there is no fields visible.

2. Make the scale buttons large in size?

3. If possible, remove the lines that appear above the scale buttons?

The form can be seen at https://form.jotform.co/61302852671856

Many thanks,

You can inject the custom css below to resolve increase the size of the scale buttons and remove the number labels:

.form-scale-table th {

    display: none;

}

.form-scale-table td input {

    width: 50px;

    height: 50px;

}

.form-scale-table td {

    padding-right: 55px!important;

}

To inject CSS, simply follow this guide: How To Inject Custom CSS Codes

If you need further assistance, please let us know.

Thanks for your help, that worked perfectly!

Just to add to that, is there anyway I can increase the padding between the scale buttons - and spread them across the page more?

I'd like to have these align (as much as possible) to the emoticons above.

You can remove the previously injected css and replace it with the new one below. The yellow highlighted text adjusts the distance between each scale buttons.

.form-scale-table td input {

    width: 50px;

    height: 50px;

    margin: 0 85px 0 0!important;

}

.form-scale-table th {

    display: none;

}

.form-scale-table td {

}

Do let us know if you need further assistance.
Regards.

Thanks! Lastly..

On behalf of my colleague, you're most welcome. I've created a separate thread for you, so anyone in the support staff will be able to assist you with your specific requirement. Please follow up there:

https://www.jotform.com/answers/836624