Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Bob

    (@prasunsen)

    This comes from your theme CSS. See here, the post is about Pro but valid about Watu as well:

    https://blog.calendarscripts.info/choices-showing-under-the-radiocheckboxes-in-watupro/

    Thread Starter Wompa

    (@wompa)

    OK, tried that but it did not change anything.

    I’m using the Tesseract v.2 theme. Anybody else having the same problems, and possibly a solution?

    Thread Starter Wompa

    (@wompa)

    Ok, I tried to find a fix by myself, and after about 6-7 hours of trying everything, I found a fix. Now all my checkboxes and buttons are perfectly verticalle aligned with the questions. This issue also fixed what seemed to be the same issue regarding the bottom “Question no x of y”.

    I am using the Tesseract 2.1.2 (not updated to version 2.2 yet, as I wanted to check what has been changed) together with Watu free version,

    Custom CSS applied to overcome the Tessarect built ins:

    .quiz-form label,
    .quiz-form input[type=”checkbox”],
    .quiz-form input[type=”radio”] {
    display: inline !important;
    }
    form.quiz-form span {
    display: inline;
    }
    form.quiz-form input {
    display: inline;
    }

    span.quiz-form { display: table-row; }
    span.quiz-form * { display: table-cell; }

    This is actually a tweak of the same sort of fix I am using to overcome the same problem in Contact Form 7 with the Tesseract 2.1.2 theme.

    Plugin Author Bob

    (@prasunsen)

    Thanks for your feedback. This should probably be sent to the theme author as causing form inputs to behave like blocks is non-standard and out of logic.

    I’m having the same issue, i’ve downloaded the tesseract 2 theme and my radio/checkboxes aren’t aligned.
    I tried pasting that into my style.css but it didn’t change anything.
    Can you explain where to put it/if i need to delete any existing css?
    Thanks.

    Thread Starter Wompa

    (@wompa)

    I’m using a separate plugin Simple Custom CSS in which I place all my custom CSS. This is working well for me, for both my tweaks to all CF7, WATU and other plugins. This seems to override any other CSS, and is what I need with several plugins interferring with each other.

    I’m not sure if this is the best/preferred solution. I’m happy with my speed measuring on gtmetrix.com though (98%/95% and a page load time of between 1 and 2 seconds), so that works for me.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Problems with checkbox and radio buttons not aligned with text’ is closed to new replies.