Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Mike Walsh

    (@mpwalsh8)

    The form you’ve linked to wasn’t done with the Google Forms plugin.

    However, in most cases, the line break you see from the required marker is due to a “display: block” defined by your theme and can typically be fixed with a “display: inline” but I’d have to actually see the problem to be sure that is the cause and solution.

    Plugin Author Mike Walsh

    (@mpwalsh8)

    Sorry for the delayed response, I’ve been out of the country for work this week and am a bit behind on support issues. I will try and look at it in the next day or two.

    I’m having a similar issue and can’t seem to make the inline command work.

    Here’s a link to the page on our site:
    CivitanCarClub.com
    Suggestions?

    Thanks.
    Travis

    Plugin Author Mike Walsh

    (@mpwalsh8)

    On the Google Forms settings page (Dashboard->Settings->Google Forms), add the following CSS to the Custom CSS section of your site and enable the Custom CSS checkbox:

    div.ss-q-title > label {
        display: inline;
    }

    This will move the asterisk up inline with the label. On your site label tags have a display:block rule associated with them – this CSS will apply a different rule to the label elements which are part of a Google Form.

    That fix did not work for me.
    http://sturdiguns.com/suggest/
    Still looking into a fix. Though this did clear up another issue I was having with size, thanks for posting previously.

    input.ss-q-short {
        width: 385px;
        height: 18px;
    }
    
    textarea.ss-q-long {
        width: 685px;
        height: 18px;
    }

    For now I just turned off the “required” asterisks on everything but one, but I would like to be able to turn them on eventually.

    Plugin Author Mike Walsh

    (@mpwalsh8)

    Virtually every theme will have different CSS to achieve similar results. In your case, the following will eliminate the extra line spacing and move the asterisk:

    label.ss-q-item-label br {
        display: none;
    }

    Something in your theme is adding the BR elements, they aren’t in the original form source from Google. Not a big deal, the CSS will fix it.

    Magic! Thanks for fast and worthwhile support. I’m always hesitant to hit the donate button when something doesn’t work correctly. Happy to do it when it does though.

    Cheers,
    Travis

    Plugin Author Mike Walsh

    (@mpwalsh8)

    Happy to help and donations, while not expected, are always appreciated.

    Worked perfect for me, I actually had technically figured it out but it would never fix it for me because I had stupidly had been switching between the settings page and the form page’s css input which seemed to be conflicting -_- so much fail on my part xD thanks a ton!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Asterik is creating a break’ is closed to new replies.