Unsubscribe All checkbox difficult to check | Community
Skip to main content
A
Anonymous
April 17, 2013
Solved

Unsubscribe All checkbox difficult to check

  • April 17, 2013
  • 2 replies
  • 1694 views
Hi all - Hopefully someone here is somewhat familiar with Javascript and might be able to explain what is causing my issue.

Our unsubscribe page:pages.hessenergy.com/Unsubscribe_Page.html

I have Javascript code to move the Unsubscribe All box down, as well as enable all the checkboxes to activate if that box is clicked. All the checkboxes are fine, with the exception of the "Unsubscribe All" checkbox. In Chrome, I can only check the box if I hover over the bottom half of the box. In Mozilla, I can only check it if I hover over the bottom like 2 pixels.

Any idea what is causing this? Or how to fix it?

Thanks
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by
Marcus,

The <span> element which contains the <hr /> directly above the checkbox is covering part of the check box. You need to either shorten the height of this <span> or position the checkbox a little lower. I noticed that you have a margin-top:35px on the checkbox. I you change it to 40px the checkbox isn't covered anymore.

2 replies

A
Anonymous
Accepted solution
April 17, 2013
Marcus,

The <span> element which contains the <hr /> directly above the checkbox is covering part of the check box. You need to either shorten the height of this <span> or position the checkbox a little lower. I noticed that you have a margin-top:35px on the checkbox. I you change it to 40px the checkbox isn't covered anymore.
A
Anonymous
April 17, 2013
Hi Tim,

Ah, of course... Don't know how I missed that one. I guess that's what I get using purely the rich text editor and not doing it straight through the HTML.

Cleaned up the HTML of that box so that it's purely a horizontal rule.

Thanks for the help!
Terms & ConditionsAccessibility statement

Loading footer...