Checkbox hover state

Oct 03, 2016

Hi All,

Can you  tell me if there is a way to change the size/proportion of the hover state border around the check checkbox?  As you can see with the attached image it is not equal. Can it be removed?

hover state



9 Replies
Leslie McKerchie

Hi Paul!

That should be controlled by the size of the box in your project around your 'checkbox'. If you minimize this box, it will control the hover as well.

It does look like you may have yours pretty small, if not at the smallest (less noticeable when you have the checkmark in it).

If you wish to minimize the color - you can change the Hover Color via Control 1 on the Custom Color set up.

Paul Gillary

Thanks Leslie,

Unfortunately the control box around the checkbox will not go any smaller to match the left side. I've changed the colour as you suggested to match the background. However, the hover colour could still be seen on the white background where it overlaps.

I've had to move the checkboxes in slightly to resolve this.


Leslie McKerchie

Throwback Thursday Tim :)

Sounds like you may be using a built-in question type such as Multiple Response:

My example below is made via:

Insert > Input > Check Boxes (I chose the second one):

The good news is, you can easily adjust your built-in check boxes via:

Select Checkbox > Check Box Format > Check Styles

Hope that helps :)


Timothy Condon

Hi Leslie. I appreciate the reply. Actually, I was using the checkbox on a regular (non-question) slide. It didn't occur to me that your screenshot may have been coming from a question slide. If you add a checkbox as an element in a regular slide, you will see what I mean - you are unable to left-justify the checkbox. This was giving me a problem because I wanted to utilize the hover area, but the hover area was bleeding over to the left of the checkbox in an area that did not apply to the checkbox itself.

Crystal Horn

Hi Tim!  I made a quick Peek to show adding a checkbox with text and how the hover state looks by default.  From your original post, it sounded like you might have been adding a checkbox to a text box or a shape.  You can add text directly to the checkbox element.

Can you let me know if that's what you needed or if I way over-simplified?  😄

Kate Wasilowski

Hello! These seems to be a Thursday issue (lol). Resurrecting this thread as I have a simliar issue using checkboxes in Storyline 3. We are creating a training for our proprietary software that we would like to look and act as close to the original software as possible. However, we are seemingly unable to resize the hover state, and it bleeds over to the other selections, so that they are blocked. (Please see image.) We have tried to edit the hover state, as well as choosing the other checkbox options as outlined previously in this thread, but the problem remains the same. The other selections remained blocked. I have also tried deleting the hover state and creating my own, but the bounding box around the checkbox is locked and there is seemingly no way to change its size. Is there a way to resize the hover state? 

Lauren Connelly

Hello Kate!

We're happy to help! Checkboxes can't be resized, but I'm unaware of any issues where it bleeds over into other sections.

I'd like for our Support Engineers to step in to troubleshoot this issue with you. You can connect with their team by sharing your .story file in a support case. They'll take a look and respond to you as soon as possible.