check box is not aligned

Hi Shelly,

Please add the following CSS code in the Override CSS field to fix this:

#chimpy_lite_checkbox_signup{
width: inherit;
}

I added that to the override CSS field but it didn’t change anything, the alignment is still off. I also tried deactivating all of the other plugins but that didn’t change it either, so it’s not a problem there. Any other ideas of a way I could get this looking like it should?

Hi Shelly,

The code should work as it is, just tried it and it works at my end : https://nimb.ws/EI2Cvc

Can you please share a screenshot of the plugin settings?

Thanks! Here’s a screenshot of both the general settings and checkbox settings (though those you probably wouldn’t need).https://docs.google.com/document/d/1NI0KQ0-9nSM6JhBdRM2hDFAZJBaiL-vujngzFW6J_dQ/edit?usp=sharing
I have no idea where to even go about seeing it like you were in that image you shared above.

Hi there,

Sorry for the delay. Please use this instead:

#chimpy_lite_checkbox_signup{
width: 20px;
}

Sorry! Still didn’t work. :'( Here’s what I see even with the new CSS. https://docs.google.com/document/d/1NI0KQ0-9nSM6JhBdRM2hDFAZJBaiL-vujngzFW6J_dQ/edit?usp=sharing

HI Shelly,

The CSS rule should’ve been assigned, but it’s not there and width is still set to 100% – it might be caused by some other plugins overriding this. Please try this code as a workaround:

#chimpy_lite_checkbox_signup{
width: 20px !important;
}

If this does not work, then you will have to edit the plugin’s main file, chimpy-lite.php. There is a method – render_checkbox() which just echoes all html

echo '<p style="margin: 2px 6px 16px 0px;"><label for="chimpy_lite_checkbox_signup"><input type="checkbox" id="chimpy_lite_checkbox_signup" name="chimpy_lite_checkbox_signup" value="1" ' . ($this->opt['chimpy_lite_checkbox_state'] == '1' ? 'checked="checked"' : '') . ' /> ' . $this->opt['chimpy_lite_checkbox_label'] . '</label></p>';

Just add style="width: 20px;" before value="1" like this and try again.

echo '<p style="margin: 2px 6px 16px 0px;"><label for="chimpy_lite_checkbox_signup"><input type="checkbox" id="chimpy_lite_checkbox_signup" name="chimpy_lite_checkbox_signup" style="width: 20px;" value="1" ' . ($this->opt['chimpy_lite_checkbox_state'] == '1' ? 'checked="checked"' : '') . ' /> ' . $this->opt['chimpy_lite_checkbox_label'] . '</label></p>';

Hope this fixes the issue.