subscription checkbox label – text wraps

  • Resolved daq123

    (@daq123)


    1 year, 2 months ago

    I’ve downloaded /activated the plugin and configured the checkbox to be ticked. I’ve also added the custom CSS for the space between check box and label. But not being an expert, I don’t know why the label “Notify me via e-mail if anyone answers my comment.” wraps around and is not on one line.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Arno Welzel

    (@awelzel)

    For me it looks ok – it does not wrap around. Did you change anything since you posted the question here?

    Thread Starter daq123

    (@daq123)

    Hi Arno,

    Yes I shortened it to ‘Email Me’ to avoid wrap. I’ve now changed it to “Email Me if someone replies to my comment” so you can see the wrap. Thanks for looking.

    David

    Plugin Author Arno Welzel

    (@awelzel)

    The problem is the styling applied by Bootstrap:

    label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

    Because auf display: inline-block; the checkbox label will be wrapped as it is displays as an “inline block” and not as “inline” like the other checkbox labels.

    As a workaround you can add the following CSS rule to your theme to fix this:

    p.comment-form-comment-subscribe label {
    display: inline !important;
}
    Thread Starter daq123

    (@daq123)

    Dear Arno,

    Thank you so much for your help. The extra CSS fixed my text wrap problem.

    David

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘subscription checkbox label – text wraps’ is closed to new replies.