Problem with padding when using drop-down menu

  • Resolved cahajla

    (@cahajla)


    4 years, 6 months ago

    I have a drop-down menu with 9 items + some description in text format + checkboxes.
    When the first option in the menu is chosen then the description and checkboxes are aligned correctly from the top. But when I choose second option, the description move down by approx. 10px, when third item is chosen it remains the same and when fourth item is chosen then even checkboxes move down.
    The problem must be related to this plugin, because if I removed all groups and conditions, then all three parts are aligned correctly.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jules Colle

    (@jules-colle)

    Looks like there are some unwanted p tags.

    The quickest (dirty) solution would be to add a style like this:

    .wpcf7-form p {
  margin-bottom:0;
}
    Thread Starter cahajla

    (@cahajla)

    Thanks Jules!
    That fixed the problem, however I’d like to find out what the issue causes and so don’t have to put extra paddings between all fields.
    I’ve just found out, that also when I add an empty group (which never shows) as the first item in both problematic columns, then it also solves the problem. Based on that don’t you have an idea what it causes?

    • This reply was modified 4 years, 6 months ago by cahajla.
    Plugin Author Jules Colle

    (@jules-colle)

    the problem is most likely due to newlines. If you would write your entire post in a single line, the p tags will also not appear. wordpress is notorious for converting new lines to p-tags, even when you would not expect it

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problem with padding when using drop-down menu’ is closed to new replies.